Linen#F8EDEB
Bisque#F9DCC4
Apricot#FEC89A
Peach#FFD7BA
Amber#FFBA08
Color Palette
#F8EDEB · #F9DCC4 · #FEC89A · #FFD7BA · #FFBA08
analogous0 likes
Share
Export for Developers
:root {
--color-1: #F8EDEB;
--color-1-rgb: 248, 237, 235;
--color-1-hsl: 9, 48%, 95%;
--color-2: #F9DCC4;
--color-2-rgb: 249, 220, 196;
--color-2-hsl: 27, 82%, 87%;
--color-3: #FEC89A;
--color-3-rgb: 254, 200, 154;
--color-3-hsl: 28, 98%, 80%;
--color-4: #FFD7BA;
--color-4-rgb: 255, 215, 186;
--color-4-hsl: 25, 100%, 86%;
--color-5: #FFBA08;
--color-5-rgb: 255, 186, 8;
--color-5-hsl: 43, 100%, 52%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#F8EDEB
On White
1.15:1Fail
On Black
18.3:1AAA
Aa
Aa
#F9DCC4
On White
1.31:1Fail
On Black
16.06:1AAA
Aa
Aa
#FEC89A
On White
1.51:1Fail
On Black
13.94:1AAA
Aa
Aa
#FFD7BA
On White
1.34:1Fail
On Black
15.68:1AAA
Aa
Aa
#FFBA08
On White
1.71:1Fail
On Black
12.28: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
#F7EFED
#FBF1E9
#FDF2E7
#FEF0E7
#F8D377
🌑
darker
· Reduced lightness, increased saturation
#E1A89D
#F4A462
#FF9233
#FF9A52
#A37500
🌫️
muted
· Desaturated for a calm, muted look
#F5F1F0
#EFDCCD
#EFCAA9
#F4D7C2
#DAAA2F
⚡
vibrant
· Boosted saturation for maximum impact
#E96149
#FF8F33
#FF9233
#FF8833
#FFBA0A