Palette · 7 colors · Lc 9.2
Cheek Red Harbor palette
Cheek Red Harbor: a 7-color palette (Orange, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #FFF0E6, #EABEAB, #BA816D, #9C5651, #774246, #502526, #210709, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF0E6
surface
#EABEAB
muted
#BA816D
primary
#9C5651
secondary
#774246
accent
#502526
text
#210709
Colors in Cheek Red Harbor: HEX, RGB, HSL & OKLCH
- #FFF0E6 color page →
bg
#FFF0E6
- RGB
- rgb(255 240 230)
- HSL
- hsl(24 100% 95%)
- OKLCH
- oklch(0.964 0.021 56.1)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.85:1 (AAA)
- #EABEAB color page →
surface
#EABEAB
- RGB
- rgb(234 190 171)
- HSL
- hsl(18 60% 79%)
- OKLCH
- oklch(0.835 0.057 44.6)
WCAG contrast: on white 1.68:1 (Fail) · on black 12.45:1 (AAA)
- #BA816D color page →
muted
#BA816D
- RGB
- rgb(186 129 109)
- HSL
- hsl(16 36% 58%)
- OKLCH
- oklch(0.656 0.077 40.1)
WCAG contrast: on white 3.25:1 (Fail) · on black 6.44:1 (AA)
- #9C5651 color page →
primary
#9C5651
- RGB
- rgb(156 86 81)
- HSL
- hsl(4 32% 46%)
- OKLCH
- oklch(0.534 0.094 25)
WCAG contrast: on white 5.43:1 (AA) · on black 3.86:1 (Fail)
- #774246 color page →
secondary
#774246
- RGB
- rgb(119 66 70)
- HSL
- hsl(355 29% 36%)
- OKLCH
- oklch(0.445 0.073 15.7)
WCAG contrast: on white 7.91:1 (AAA) · on black 2.65:1 (Fail)
- #502526 color page →
accent
#502526
- RGB
- rgb(80 37 38)
- HSL
- hsl(359 37% 23%)
- OKLCH
- oklch(0.324 0.065 19.9)
WCAG contrast: on white 12.85:1 (AAA) · on black 1.63:1 (Fail)
- #210709 color page →
text
#210709
- RGB
- rgb(33 7 9)
- HSL
- hsl(355 65% 8%)
- OKLCH
- oklch(0.176 0.045 17.9)
WCAG contrast: on white 19.10:1 (AAA) · on black 1.09:1 (Fail)
Export Cheek Red Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff0e6;
--surface: #eabeab;
--muted: #ba816d;
--primary: #9c5651;
--secondary: #774246;
--accent: #502526;
--text: #210709;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff0e6;
--color-surface: #eabeab;
--color-muted: #ba816d;
--color-primary: #9c5651;
--color-secondary: #774246;
--color-accent: #502526;
--color-text: #210709;
}JSON (DTCG tokens)
{
"cheek-red-harbor-5zr": {
"bg": {
"$type": "color",
"$value": "#fff0e6"
},
"surface": {
"$type": "color",
"$value": "#eabeab"
},
"muted": {
"$type": "color",
"$value": "#ba816d"
},
"primary": {
"$type": "color",
"$value": "#9c5651"
},
"secondary": {
"$type": "color",
"$value": "#774246"
},
"accent": {
"$type": "color",
"$value": "#502526"
},
"text": {
"$type": "color",
"$value": "#210709"
}
}
}About this palette
Cheek Red Harbor is a 7-color OKLCH-ready palette tagged orange, warm, nature, brown, 7 colors. Hex values: #FFF0E6, #EABEAB, #BA816D, #9C5651, #774246, #502526, #210709. APCA contrast score Lc 9.2. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Cheek Red Harbor by OKLab color distance.