Palette · 6 colors · Lc 9.7
Classic Annatto Studio palette
Classic Annatto Studio: a 6-color palette (Orange, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F8F0E6, #DCB88F, #B07B5D, #8A523F, #58342C, #24150E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8F0E6
surface
#DCB88F
muted
#B07B5D
primary
#8A523F
accent
#58342C
text
#24150E
Colors in Classic Annatto Studio: HEX, RGB, HSL & OKLCH
- #F8F0E6 color page →
bg
#F8F0E6
- RGB
- rgb(248 240 230)
- HSL
- hsl(33 56% 94%)
- OKLCH
- oklch(0.959 0.016 73.7)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.59:1 (AAA)
- #DCB88F color page →
surface
#DCB88F
- RGB
- rgb(220 184 143)
- HSL
- hsl(32 52% 71%)
- OKLCH
- oklch(0.804 0.069 70.2)
WCAG contrast: on white 1.85:1 (Fail) · on black 11.29:1 (AAA)
- #B07B5D color page →
muted
#B07B5D
- RGB
- rgb(176 123 93)
- HSL
- hsl(22 34% 53%)
- OKLCH
- oklch(0.629 0.079 50.3)
WCAG contrast: on white 3.59:1 (Fail) · on black 5.83:1 (AA)
- #8A523F color page →
primary
#8A523F
- RGB
- rgb(138 82 63)
- HSL
- hsl(15 37% 39%)
- OKLCH
- oklch(0.498 0.081 39.5)
WCAG contrast: on white 6.25:1 (AA) · on black 3.35:1 (Fail)
- #58342C color page →
accent
#58342C
- RGB
- rgb(88 52 44)
- HSL
- hsl(11 33% 26%)
- OKLCH
- oklch(0.367 0.054 33.3)
WCAG contrast: on white 10.81:1 (AAA) · on black 1.94:1 (Fail)
- #24150E color page →
text
#24150E
- RGB
- rgb(36 21 14)
- HSL
- hsl(19 44% 10%)
- OKLCH
- oklch(0.214 0.028 45.8)
WCAG contrast: on white 17.66:1 (AAA) · on black 1.18:1 (Fail)
Export Classic Annatto Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f0e6;
--surface: #dcb88f;
--muted: #b07b5d;
--primary: #8a523f;
--accent: #58342c;
--text: #24150e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f0e6;
--color-surface: #dcb88f;
--color-muted: #b07b5d;
--color-primary: #8a523f;
--color-accent: #58342c;
--color-text: #24150e;
}JSON (DTCG tokens)
{
"classic-annatto-studio-um": {
"bg": {
"$type": "color",
"$value": "#f8f0e6"
},
"surface": {
"$type": "color",
"$value": "#dcb88f"
},
"muted": {
"$type": "color",
"$value": "#b07b5d"
},
"primary": {
"$type": "color",
"$value": "#8a523f"
},
"accent": {
"$type": "color",
"$value": "#58342c"
},
"text": {
"$type": "color",
"$value": "#24150e"
}
}
}About this palette
Classic Annatto Studio is a 6-color OKLCH-ready palette tagged orange, warm, nature, brown, 6 colors. Hex values: #F8F0E6, #DCB88F, #B07B5D, #8A523F, #58342C, #24150E. APCA contrast score Lc 9.7. 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 Annatto Studio by OKLab color distance.