Palette · 9 colors · Lc 8.1
Cedar Chest Tide palette
Cedar Chest Tide: a 9-color palette (Orange, Warm, Sunset, 9 Colors). HEX, RGB, HSL and OKLCH for #F8DBC5, #F8BAA0, #FF976A, #E67D5C, #C95A44, #B1434B, #8A2F4B, #521B49, #150B26, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8DBC5
surface
#F8BAA0
muted
#FF976A
primary
#E67D5C
secondary
#C95A44
accent
#B1434B
highlight
#8A2F4B
border
#521B49
text
#150B26
Colors in Cedar Chest Tide: HEX, RGB, HSL & OKLCH
- #F8DBC5 color page →
bg
#F8DBC5
- RGB
- rgb(248 219 197)
- HSL
- hsl(26 78% 87%)
- OKLCH
- oklch(0.91 0.044 59.4)
WCAG contrast: on white 1.31:1 (Fail) · on black 15.93:1 (AAA)
- #F8BAA0 color page →
surface
#F8BAA0
- RGB
- rgb(248 186 160)
- HSL
- hsl(18 86% 80%)
- OKLCH
- oklch(0.839 0.081 43.8)
WCAG contrast: on white 1.67:1 (Fail) · on black 12.52:1 (AAA)
- #FF976A color page →
muted
#FF976A
- RGB
- rgb(255 151 106)
- HSL
- hsl(18 100% 71%)
- OKLCH
- oklch(0.776 0.139 43.7)
WCAG contrast: on white 2.12:1 (Fail) · on black 9.88:1 (AAA)
- #E67D5C color page →
primary
#E67D5C
- RGB
- rgb(230 125 92)
- HSL
- hsl(14 73% 63%)
- OKLCH
- oklch(0.7 0.138 38.2)
WCAG contrast: on white 2.81:1 (Fail) · on black 7.45:1 (AAA)
- #C95A44 color page →
secondary
#C95A44
- RGB
- rgb(201 90 68)
- HSL
- hsl(10 55% 53%)
- OKLCH
- oklch(0.602 0.146 32.9)
WCAG contrast: on white 4.17:1 (Fail) · on black 5.02:1 (AA)
- #B1434B color page →
accent
#B1434B
- RGB
- rgb(177 67 75)
- HSL
- hsl(356 45% 48%)
- OKLCH
- oklch(0.535 0.143 19.1)
WCAG contrast: on white 5.56:1 (AA) · on black 3.77:1 (Fail)
- #8A2F4B color page →
highlight
#8A2F4B
- RGB
- rgb(138 47 75)
- HSL
- hsl(342 49% 36%)
- OKLCH
- oklch(0.446 0.126 4.8)
WCAG contrast: on white 8.11:1 (AAA) · on black 2.58:1 (Fail)
- #521B49 color page →
border
#521B49
- RGB
- rgb(82 27 73)
- HSL
- hsl(310 50% 21%)
- OKLCH
- oklch(0.326 0.102 334.6)
WCAG contrast: on white 13.02:1 (AAA) · on black 1.61:1 (Fail)
- #150B26 color page →
text
#150B26
- RGB
- rgb(21 11 38)
- HSL
- hsl(262 55% 10%)
- OKLCH
- oklch(0.181 0.054 297.9)
WCAG contrast: on white 18.95:1 (AAA) · on black 1.10:1 (Fail)
Export Cedar Chest Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8dbc5;
--surface: #f8baa0;
--muted: #ff976a;
--primary: #e67d5c;
--secondary: #c95a44;
--accent: #b1434b;
--highlight: #8a2f4b;
--border: #521b49;
--text: #150b26;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8dbc5;
--color-surface: #f8baa0;
--color-muted: #ff976a;
--color-primary: #e67d5c;
--color-secondary: #c95a44;
--color-accent: #b1434b;
--color-highlight: #8a2f4b;
--color-border: #521b49;
--color-text: #150b26;
}JSON (DTCG tokens)
{
"cedar-chest-tide-2qj": {
"bg": {
"$type": "color",
"$value": "#f8dbc5"
},
"surface": {
"$type": "color",
"$value": "#f8baa0"
},
"muted": {
"$type": "color",
"$value": "#ff976a"
},
"primary": {
"$type": "color",
"$value": "#e67d5c"
},
"secondary": {
"$type": "color",
"$value": "#c95a44"
},
"accent": {
"$type": "color",
"$value": "#b1434b"
},
"highlight": {
"$type": "color",
"$value": "#8a2f4b"
},
"border": {
"$type": "color",
"$value": "#521b49"
},
"text": {
"$type": "color",
"$value": "#150b26"
}
}
}About this palette
Cedar Chest Tide is a 9-color OKLCH-ready palette tagged orange, warm, sunset, 9 colors. Hex values: #F8DBC5, #F8BAA0, #FF976A, #E67D5C, #C95A44, #B1434B, #8A2F4B, #521B49, #150B26. APCA contrast score Lc 8.1. 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 Cedar Chest Tide by OKLab color distance.