Tomato#FF7043
Salmon#FF8A65
Light Salmon#FFAB91
Apricot#FFCCBC
Linen#FBE9E7
Color Palette
#FF7043 · #FF8A65 · #FFAB91 · #FFCCBC · #FBE9E7
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #FF7043;
--color-1-rgb: 255, 112, 67;
--color-1-hsl: 14, 100%, 63%;
--color-2: #FF8A65;
--color-2-rgb: 255, 138, 101;
--color-2-hsl: 14, 100%, 70%;
--color-3: #FFAB91;
--color-3-rgb: 255, 171, 145;
--color-3-hsl: 14, 100%, 78%;
--color-4: #FFCCBC;
--color-4-rgb: 255, 204, 188;
--color-4-hsl: 14, 100%, 87%;
--color-5: #FBE9E7;
--color-5-rgb: 251, 233, 231;
--color-5-hsl: 6, 71%, 95%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#FF7043
On White
2.74:1Fail
On Black
7.65:1AAA
Aa
Aa
#FF8A65
On White
2.31:1Fail
On Black
9.08:1AAA
Aa
Aa
#FFAB91
On White
1.83:1Fail
On Black
11.49:1AAA
Aa
Aa
#FFCCBC
On White
1.44:1Fail
On Black
14.62:1AAA
Aa
Aa
#FBE9E7
On White
1.17:1Fail
On Black
17.91: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
#FBBFAD
#FCD9CF
#FEECE7
#FEECE7
#FAECEA
🌑
darker
· Reduced lightness, increased saturation
#DB3300
#FF3C00
#FF5B29
#FF7E57
#F0988F
🌫️
muted
· Desaturated for a calm, muted look
#E37D5F
#E8967D
#EEB2A0
#F5D1C7
#F7EEED
⚡
vibrant
· Boosted saturation for maximum impact
#FF6333
#FF6333
#FF6333
#FF6333
#FF4733