Jet#32332E
Mustard#E6D331
Mahogany#CC3E11
Goldenrod#D19626
Sepia#703B1C
Light Slate Gray#8583AD
Indian Red#C06859
Forest Green#42A617

Color Palette

#32332E · #E6D331 · #CC3E11 · #D19626 · #703B1C · #8583AD · #C06859 · #42A617

random0 likes
Share

Export for Developers

:root {
  --color-1: #32332E;
  --color-1-rgb: 50, 51, 46;
  --color-1-hsl: 72, 5%, 19%;
  --color-2: #E6D331;
  --color-2-rgb: 230, 211, 49;
  --color-2-hsl: 54, 78%, 55%;
  --color-3: #CC3E11;
  --color-3-rgb: 204, 62, 17;
  --color-3-hsl: 14, 85%, 43%;
  --color-4: #D19626;
  --color-4-rgb: 209, 150, 38;
  --color-4-hsl: 39, 69%, 48%;
  --color-5: #703B1C;
  --color-5-rgb: 112, 59, 28;
  --color-5-hsl: 22, 60%, 27%;
  --color-6: #8583AD;
  --color-6-rgb: 133, 131, 173;
  --color-6-hsl: 243, 20%, 60%;
  --color-7: #C06859;
  --color-7-rgb: 192, 104, 89;
  --color-7-hsl: 9, 45%, 55%;
  --color-8: #42A617;
  --color-8-rgb: 66, 166, 23;
  --color-8-hsl: 102, 76%, 37%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#32332E
On White
12.74:1AAA
On Black
1.65:1Fail
Aa
Aa
#E6D331
On White
1.53:1Fail
On Black
13.73:1AAA
Aa
Aa
#CC3E11
On White
4.92:1AA
On Black
4.26:1Fail
Aa
Aa
#D19626
On White
2.59:1Fail
On Black
8.1:1AAA
Aa
Aa
#703B1C
On White
9.01:1AAA
On Black
2.33:1Fail
Aa
Aa
#8583AD
On White
3.59:1Fail
On Black
5.85:1AA
Aa
Aa
#C06859
On White
3.91:1Fail
On Black
5.37:1AA
Aa
Aa
#42A617
On White
3.14:1Fail
On Black
6.7:1AA
Aa
Aa

Contrast ratios calculated per WCAG 2.1. AA requires ≥4.5:1, AAA requires ≥7:1 for normal text.

Palette Variations

Palette Variations

Original

☀️

lighter

· Increased lightness, reduced saturation

🌑

darker

· Reduced lightness, increased saturation

🌫️

muted

· Desaturated for a calm, muted look

vibrant

· Boosted saturation for maximum impact

Best Use Cases for This Palette

This random palette featuring Jet, Mustard, Mahogany works well across a variety of design contexts. Below are some of the most common use cases — click to see curated palettes for each.

Frequently Asked Questions

What are the hex codes in this color palette?

The colors in this palette are: #32332E, #E6D331, #CC3E11, #D19626, #703B1C, #8583AD, #C06859, #42A617. Copy them individually or export the full palette as CSS variables, Tailwind config, SCSS, or JSON using the Export section above.

What is this color palette good for?

This random color palette featuring Jet, Mustard, Mahogany works well for websites, mobile apps, branding projects, and digital designs. Check the Real World Preview section to see how it looks on buttons, cards, and navigation.

Is this color palette accessible?

Check the Accessibility section below to see WCAG contrast ratios for all color combinations in this palette. Look for combinations that achieve 4.5:1 or higher for text use.

How do I use this palette in Tailwind CSS?

Click "Export for Developers" and select the Tailwind option. You will get a formatted config object ready to paste into your tailwind.config.js file. Each color becomes a utility class in your project.

Explore more: Generate palettes · Check contrast · Tints & shades · All free tools