Palette · 2 colors · Lc 3.5
Pure Annatto Beacon palette
Pure Annatto Beacon: a 2-color palette (Yellow, Warm, 2 Colors, Pair). HEX, RGB, HSL and OKLCH for #8C533B, #174643, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
primary
#8C533B
secondary
#174643
Colors in Pure Annatto Beacon: HEX, RGB, HSL & OKLCH
- #8C533B color page →
primary
#8C533B
- RGB
- rgb(140 83 59)
- HSL
- hsl(18 41% 39%)
- OKLCH
- oklch(0.502 0.085 43.3)
WCAG contrast: on white 6.14:1 (AA) · on black 3.41:1 (Fail)
- #174643 color page →
secondary
#174643
- RGB
- rgb(23 70 67)
- HSL
- hsl(176 51% 18%)
- OKLCH
- oklch(0.361 0.051 189.3)
WCAG contrast: on white 10.53:1 (AAA) · on black 1.99:1 (Fail)
Export Pure Annatto Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--primary: #8c533b;
--secondary: #174643;
}Tailwind CSS v4 @theme
@theme {
--color-primary: #8c533b;
--color-secondary: #174643;
}JSON (DTCG tokens)
{
"pure-annatto-beacon-5ws": {
"primary": {
"$type": "color",
"$value": "#8c533b"
},
"secondary": {
"$type": "color",
"$value": "#174643"
}
}
}About this palette
Pure Annatto Beacon is a 2-color OKLCH-ready palette tagged yellow, warm, 2 colors, pair. Hex values: #8C533B, #174643. APCA contrast score Lc 3.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 Pure Annatto Beacon by OKLab color distance.