Palette · 7 colors · Lc 10
Rusty Red Tide palette
Rusty Red Tide: a 7-color palette (Orange, Warm, UI System, 7 Colors). HEX, RGB, HSL and OKLCH for #FAF8F7, #F4E0DF, #E4B2AD, #CE776A, #AE370D, #6F3E04, #251211, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FAF8F7
surface
#F4E0DF
muted
#E4B2AD
primary
#CE776A
secondary
#AE370D
accent
#6F3E04
text
#251211
Colors in Rusty Red Tide: HEX, RGB, HSL & OKLCH
- #FAF8F7 color page →
bg
#FAF8F7
- RGB
- rgb(250 248 247)
- HSL
- hsl(20 23% 97%)
- OKLCH
- oklch(0.98 0.003 48.7)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.83:1 (AAA)
- #F4E0DF color page →
surface
#F4E0DF
- RGB
- rgb(244 224 223)
- HSL
- hsl(3 49% 92%)
- OKLCH
- oklch(0.923 0.022 21)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.57:1 (AAA)
- #E4B2AD color page →
muted
#E4B2AD
- RGB
- rgb(228 178 173)
- HSL
- hsl(5 50% 79%)
- OKLCH
- oklch(0.807 0.059 25)
WCAG contrast: on white 1.86:1 (Fail) · on black 11.27:1 (AAA)
- #CE776A color page →
primary
#CE776A
- RGB
- rgb(206 119 106)
- HSL
- hsl(8 51% 61%)
- OKLCH
- oklch(0.662 0.112 29.4)
WCAG contrast: on white 3.24:1 (Fail) · on black 6.47:1 (AA)
- #AE370D color page →
secondary
#AE370D
- RGB
- rgb(174 55 13)
- HSL
- hsl(16 86% 37%)
- OKLCH
- oklch(0.508 0.162 37.1)
WCAG contrast: on white 6.26:1 (AA) · on black 3.35:1 (Fail)
- #6F3E04 color page →
accent
#6F3E04
- RGB
- rgb(111 62 4)
- HSL
- hsl(33 93% 23%)
- OKLCH
- oklch(0.415 0.093 61.8)
WCAG contrast: on white 8.87:1 (AAA) · on black 2.36:1 (Fail)
- #251211 color page →
text
#251211
- RGB
- rgb(37 18 17)
- HSL
- hsl(3 37% 11%)
- OKLCH
- oklch(0.209 0.032 23.4)
WCAG contrast: on white 17.89:1 (AAA) · on black 1.17:1 (Fail)
Export Rusty Red Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #faf8f7;
--surface: #f4e0df;
--muted: #e4b2ad;
--primary: #ce776a;
--secondary: #ae370d;
--accent: #6f3e04;
--text: #251211;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #faf8f7;
--color-surface: #f4e0df;
--color-muted: #e4b2ad;
--color-primary: #ce776a;
--color-secondary: #ae370d;
--color-accent: #6f3e04;
--color-text: #251211;
}JSON (DTCG tokens)
{
"rusty-red-tide-3rw": {
"bg": {
"$type": "color",
"$value": "#faf8f7"
},
"surface": {
"$type": "color",
"$value": "#f4e0df"
},
"muted": {
"$type": "color",
"$value": "#e4b2ad"
},
"primary": {
"$type": "color",
"$value": "#ce776a"
},
"secondary": {
"$type": "color",
"$value": "#ae370d"
},
"accent": {
"$type": "color",
"$value": "#6f3e04"
},
"text": {
"$type": "color",
"$value": "#251211"
}
}
}About this palette
Rusty Red Tide is a 7-color OKLCH-ready palette tagged orange, warm, ui system, 7 colors. Hex values: #FAF8F7, #F4E0DF, #E4B2AD, #CE776A, #AE370D, #6F3E04, #251211. APCA contrast score Lc 10. 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 Rusty Red Tide by OKLab color distance.