Dark Goldenrod#A89000
Goldenrod#CCB800
Gold#FFE600
Butter#FFF176
Light Yellow#FFFDE7

Color Palette

#A89000 · #CCB800 · #FFE600 · #FFF176 · #FFFDE7

monochromatic0 likes
Share

Export for Developers

:root {
  --color-1: #A89000;
  --color-1-rgb: 168, 144, 0;
  --color-1-hsl: 51, 100%, 33%;
  --color-2: #CCB800;
  --color-2-rgb: 204, 184, 0;
  --color-2-hsl: 54, 100%, 40%;
  --color-3: #FFE600;
  --color-3-rgb: 255, 230, 0;
  --color-3-hsl: 54, 100%, 50%;
  --color-4: #FFF176;
  --color-4-rgb: 255, 241, 118;
  --color-4-hsl: 54, 100%, 73%;
  --color-5: #FFFDE7;
  --color-5-rgb: 255, 253, 231;
  --color-5-hsl: 55, 100%, 95%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#A89000
On White
3.16:1Fail
On Black
6.65:1AA
Aa
Aa
#CCB800
On White
2.01:1Fail
On Black
10.42:1AAA
Aa
Aa
#FFE600
On White
1.27:1Fail
On Black
16.57:1AAA
Aa
Aa
#FFF176
On White
1.16:1Fail
On Black
18.1:1AAA
Aa
Aa
#FFFDE7
On White
1.03:1Fail
On Black
20.46:1AAA
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