Palette · 10 colors · Lc 8.3
Classic Fire Ant Tide palette
Classic Fire Ant Tide: a 10-color palette (Trending, Yellow, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #EBE0D6, #EABFA3, #EE9B7F, #E28950, #C66500, #A95200, #7F4300, #5C3700, #482400, #240900, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EBE0D6
surface
#EABFA3
muted
#EE9B7F
primary
#E28950
secondary
#C66500
accent
#A95200
highlight
#7F4300
border
#5C3700
focus
#482400
text
#240900
Colors in Classic Fire Ant Tide: HEX, RGB, HSL & OKLCH
- #EBE0D6 color page →
bg
#EBE0D6
- RGB
- rgb(235 224 214)
- HSL
- hsl(29 34% 88%)
- OKLCH
- oklch(0.913 0.018 64.9)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.16:1 (AAA)
- #EABFA3 color page →
surface
#EABFA3
- RGB
- rgb(234 191 163)
- HSL
- hsl(24 63% 78%)
- OKLCH
- oklch(0.835 0.062 54.7)
WCAG contrast: on white 1.68:1 (Fail) · on black 12.47:1 (AAA)
- #EE9B7F color page →
muted
#EE9B7F
- RGB
- rgb(238 155 127)
- HSL
- hsl(15 77% 72%)
- OKLCH
- oklch(0.766 0.108 39.4)
WCAG contrast: on white 2.18:1 (Fail) · on black 9.63:1 (AAA)
- #E28950 color page →
primary
#E28950
- RGB
- rgb(226 137 80)
- HSL
- hsl(23 72% 60%)
- OKLCH
- oklch(0.713 0.131 51.8)
WCAG contrast: on white 2.64:1 (Fail) · on black 7.92:1 (AAA)
- #C66500 color page →
secondary
#C66500
- RGB
- rgb(198 101 0)
- HSL
- hsl(31 100% 39%)
- OKLCH
- oklch(0.61 0.152 54.7)
WCAG contrast: on white 3.99:1 (Fail) · on black 5.26:1 (AA)
- #A95200 color page →
accent
#A95200
- RGB
- rgb(169 82 0)
- HSL
- hsl(29 100% 33%)
- OKLCH
- oklch(0.537 0.137 52.6)
WCAG contrast: on white 5.39:1 (AA) · on black 3.89:1 (Fail)
- #7F4300 color page →
highlight
#7F4300
- RGB
- rgb(127 67 0)
- HSL
- hsl(32 100% 25%)
- OKLCH
- oklch(0.448 0.107 58.5)
WCAG contrast: on white 7.76:1 (AAA) · on black 2.70:1 (Fail)
- #5C3700 color page →
border
#5C3700
- RGB
- rgb(92 55 0)
- HSL
- hsl(36 100% 18%)
- OKLCH
- oklch(0.373 0.082 68.7)
WCAG contrast: on white 10.49:1 (AAA) · on black 2.00:1 (Fail)
- #482400 color page →
focus
#482400
- RGB
- rgb(72 36 0)
- HSL
- hsl(30 100% 14%)
- OKLCH
- oklch(0.303 0.071 59.4)
WCAG contrast: on white 13.74:1 (AAA) · on black 1.52:1 (Fail)
- #240900 color page →
text
#240900
- RGB
- rgb(36 9 0)
- HSL
- hsl(15 100% 7%)
- OKLCH
- oklch(0.184 0.052 46)
WCAG contrast: on white 18.84:1 (AAA) · on black 1.11:1 (Fail)
Export Classic Fire Ant Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ebe0d6;
--surface: #eabfa3;
--muted: #ee9b7f;
--primary: #e28950;
--secondary: #c66500;
--accent: #a95200;
--highlight: #7f4300;
--border: #5c3700;
--focus: #482400;
--text: #240900;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ebe0d6;
--color-surface: #eabfa3;
--color-muted: #ee9b7f;
--color-primary: #e28950;
--color-secondary: #c66500;
--color-accent: #a95200;
--color-highlight: #7f4300;
--color-border: #5c3700;
--color-focus: #482400;
--color-text: #240900;
}JSON (DTCG tokens)
{
"classic-fire-ant-tide-2vh": {
"bg": {
"$type": "color",
"$value": "#ebe0d6"
},
"surface": {
"$type": "color",
"$value": "#eabfa3"
},
"muted": {
"$type": "color",
"$value": "#ee9b7f"
},
"primary": {
"$type": "color",
"$value": "#e28950"
},
"secondary": {
"$type": "color",
"$value": "#c66500"
},
"accent": {
"$type": "color",
"$value": "#a95200"
},
"highlight": {
"$type": "color",
"$value": "#7f4300"
},
"border": {
"$type": "color",
"$value": "#5c3700"
},
"focus": {
"$type": "color",
"$value": "#482400"
},
"text": {
"$type": "color",
"$value": "#240900"
}
}
}About this palette
Classic Fire Ant Tide is a 10-color OKLCH-ready palette tagged trending, yellow, warm, 10 colors. Hex values: #EBE0D6, #EABFA3, #EE9B7F, #E28950, #C66500, #A95200, #7F4300, #5C3700, #482400, #240900. APCA contrast score Lc 8.3. 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 Classic Fire Ant Tide by OKLab color distance.