Palette · 6 colors · Lc 9
Annatto Beacon palette
Annatto Beacon: a 6-color palette (Orange, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #EEE6DF, #DFB496, #AC7B63, #8F5146, #53241E, #1F0E0B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEE6DF
surface
#DFB496
muted
#AC7B63
primary
#8F5146
accent
#53241E
text
#1F0E0B
Colors in Annatto Beacon: HEX, RGB, HSL & OKLCH
- #EEE6DF color page →
bg
#EEE6DF
- RGB
- rgb(238 230 223)
- HSL
- hsl(28 31% 90%)
- OKLCH
- oklch(0.929 0.013 63.9)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.01:1 (AAA)
- #DFB496 color page →
surface
#DFB496
- RGB
- rgb(223 180 150)
- HSL
- hsl(25 53% 73%)
- OKLCH
- oklch(0.801 0.065 56.5)
WCAG contrast: on white 1.89:1 (Fail) · on black 11.10:1 (AAA)
- #AC7B63 color page →
muted
#AC7B63
- RGB
- rgb(172 123 99)
- HSL
- hsl(20 31% 53%)
- OKLCH
- oklch(0.626 0.071 47.1)
WCAG contrast: on white 3.64:1 (Fail) · on black 5.76:1 (AA)
- #8F5146 color page →
primary
#8F5146
- RGB
- rgb(143 81 70)
- HSL
- hsl(9 34% 42%)
- OKLCH
- oklch(0.505 0.086 31)
WCAG contrast: on white 6.11:1 (AA) · on black 3.43:1 (Fail)
- #53241E color page →
accent
#53241E
- RGB
- rgb(83 36 30)
- HSL
- hsl(7 47% 22%)
- OKLCH
- oklch(0.325 0.072 29)
WCAG contrast: on white 12.81:1 (AAA) · on black 1.63:1 (Fail)
- #1F0E0B color page →
text
#1F0E0B
- RGB
- rgb(31 14 11)
- HSL
- hsl(9 48% 8%)
- OKLCH
- oklch(0.188 0.03 30.8)
WCAG contrast: on white 18.65:1 (AAA) · on black 1.12:1 (Fail)
Export Annatto Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eee6df;
--surface: #dfb496;
--muted: #ac7b63;
--primary: #8f5146;
--accent: #53241e;
--text: #1f0e0b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eee6df;
--color-surface: #dfb496;
--color-muted: #ac7b63;
--color-primary: #8f5146;
--color-accent: #53241e;
--color-text: #1f0e0b;
}JSON (DTCG tokens)
{
"annatto-beacon-h3": {
"bg": {
"$type": "color",
"$value": "#eee6df"
},
"surface": {
"$type": "color",
"$value": "#dfb496"
},
"muted": {
"$type": "color",
"$value": "#ac7b63"
},
"primary": {
"$type": "color",
"$value": "#8f5146"
},
"accent": {
"$type": "color",
"$value": "#53241e"
},
"text": {
"$type": "color",
"$value": "#1f0e0b"
}
}
}About this palette
Annatto Beacon is a 6-color OKLCH-ready palette tagged orange, warm, nature, brown, 6 colors. Hex values: #EEE6DF, #DFB496, #AC7B63, #8F5146, #53241E, #1F0E0B. APCA contrast score Lc 9. 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 Annatto Beacon by OKLab color distance.