Sandy Brown#F4A261
Terracotta#E76F51
Light Sea Green#2A9D8F
Dark Slate Gray#264653
Burlywood#E9C46A
Color Palette
#F4A261 · #E76F51 · #2A9D8F · #264653 · #E9C46A
triadic0 likes
Share
Export for Developers
:root {
--color-1: #F4A261;
--color-1-rgb: 244, 162, 97;
--color-1-hsl: 27, 87%, 67%;
--color-2: #E76F51;
--color-2-rgb: 231, 111, 81;
--color-2-hsl: 12, 76%, 61%;
--color-3: #2A9D8F;
--color-3-rgb: 42, 157, 143;
--color-3-hsl: 173, 58%, 39%;
--color-4: #264653;
--color-4-rgb: 38, 70, 83;
--color-4-hsl: 197, 37%, 24%;
--color-5: #E9C46A;
--color-5-rgb: 233, 196, 106;
--color-5-hsl: 43, 74%, 66%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#F4A261
On White
2.06:1Fail
On Black
10.19:1AAA
Aa
Aa
#E76F51
On White
3.09:1Fail
On Black
6.79:1AA
Aa
Aa
#2A9D8F
On White
3.32:1Fail
On Black
6.32:1AA
Aa
Aa
#264653
On White
10.08:1AAA
On Black
2.08:1Fail
Aa
Aa
#E9C46A
On White
1.67:1Fail
On Black
12.57: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
#F7DBC4
#EFBBAF
#64C9BD
#527D8E
#F2E5C4
🌑
darker
· Reduced lightness, increased saturation
#E66D0A
#BD3614
#124F48
#070F12
#D29D19
🌫️
muted
· Desaturated for a calm, muted look
#DBA67B
#C9806E
#487F79
#393F41
#CEB982
⚡
vibrant
· Boosted saturation for maximum impact
#FF8F33
#FF5C33
#0CC0AB
#2284AA
#FFC533