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
#F3D31B
#F5E23D
#F7EA6E
#FDFADD
#FEFCE7
🌑
darker
· Reduced lightness, increased saturation
#423800
#665C00
#998A00
#FFE70F
#FFF480
🌫️
muted
· Desaturated for a calm, muted look
#8F7D19
#AD9F1F
#D9C726
#EAE18A
#FBFAE9
⚡
vibrant
· Boosted saturation for maximum impact
#CCAD00
#CCB800
#FFE600
#FFEB33
#FFEE33