Palette · 7 colors · Lc 8.5
Ginger Tide palette
Ginger Tide: a 7-color palette (Yellow, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #F6EADF, #DCB19E, #CC8354, #B36400, #7D5300, #492C00, #291300, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F6EADF
surface
#DCB19E
muted
#CC8354
primary
#B36400
secondary
#7D5300
accent
#492C00
text
#291300
Colors in Ginger Tide: HEX, RGB, HSL & OKLCH
- #F6EADF color page →
bg
#F6EADF
- RGB
- rgb(246 234 223)
- HSL
- hsl(29 56% 92%)
- OKLCH
- oklch(0.944 0.02 65.1)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.75:1 (AAA)
- #DCB19E color page →
surface
#DCB19E
- RGB
- rgb(220 177 158)
- HSL
- hsl(18 47% 74%)
- OKLCH
- oklch(0.794 0.057 45.1)
WCAG contrast: on white 1.93:1 (Fail) · on black 10.82:1 (AAA)
- #CC8354 color page →
muted
#CC8354
- RGB
- rgb(204 131 84)
- HSL
- hsl(23 54% 56%)
- OKLCH
- oklch(0.676 0.11 52.6)
WCAG contrast: on white 3.02:1 (Fail) · on black 6.94:1 (AA)
- #B36400 color page →
primary
#B36400
- RGB
- rgb(179 100 0)
- HSL
- hsl(34 100% 35%)
- OKLCH
- oklch(0.582 0.136 60.6)
WCAG contrast: on white 4.43:1 (Fail) · on black 4.73:1 (AA)
- #7D5300 color page →
secondary
#7D5300
- RGB
- rgb(125 83 0)
- HSL
- hsl(40 100% 25%)
- OKLCH
- oklch(0.477 0.1 75.2)
WCAG contrast: on white 6.75:1 (AA) · on black 3.10:1 (Fail)
- #492C00 color page →
accent
#492C00
- RGB
- rgb(73 44 0)
- HSL
- hsl(36 100% 14%)
- OKLCH
- oklch(0.322 0.069 70.9)
WCAG contrast: on white 12.77:1 (AAA) · on black 1.64:1 (Fail)
- #291300 color page →
text
#291300
- RGB
- rgb(41 19 0)
- HSL
- hsl(28 100% 8%)
- OKLCH
- oklch(0.214 0.049 61.8)
WCAG contrast: on white 17.68:1 (AAA) · on black 1.18:1 (Fail)
Export Ginger Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f6eadf;
--surface: #dcb19e;
--muted: #cc8354;
--primary: #b36400;
--secondary: #7d5300;
--accent: #492c00;
--text: #291300;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f6eadf;
--color-surface: #dcb19e;
--color-muted: #cc8354;
--color-primary: #b36400;
--color-secondary: #7d5300;
--color-accent: #492c00;
--color-text: #291300;
}JSON (DTCG tokens)
{
"ginger-tide-6sp": {
"bg": {
"$type": "color",
"$value": "#f6eadf"
},
"surface": {
"$type": "color",
"$value": "#dcb19e"
},
"muted": {
"$type": "color",
"$value": "#cc8354"
},
"primary": {
"$type": "color",
"$value": "#b36400"
},
"secondary": {
"$type": "color",
"$value": "#7d5300"
},
"accent": {
"$type": "color",
"$value": "#492c00"
},
"text": {
"$type": "color",
"$value": "#291300"
}
}
}About this palette
Ginger Tide is a 7-color OKLCH-ready palette tagged yellow, warm, 7 colors. Hex values: #F6EADF, #DCB19E, #CC8354, #B36400, #7D5300, #492C00, #291300. APCA contrast score Lc 8.5. 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 Ginger Tide by OKLab color distance.