Palette · 3 colors · Lc 9.7
True Olivia Ribbon palette
True Olivia Ribbon: a 3-color palette (Green, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F3EFE2, #976226, #210E01, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3EFE2
accent
#976226
text
#210E01
Colors in True Olivia Ribbon: HEX, RGB, HSL & OKLCH
- #F3EFE2 color page →
bg
#F3EFE2
- RGB
- rgb(243 239 226)
- HSL
- hsl(46 41% 92%)
- OKLCH
- oklch(0.952 0.018 92.7)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.25:1 (AAA)
- #976226 color page →
accent
#976226
- RGB
- rgb(151 98 38)
- HSL
- hsl(32 60% 37%)
- OKLCH
- oklch(0.543 0.101 65.7)
WCAG contrast: on white 5.13:1 (AA) · on black 4.09:1 (Fail)
- #210E01 color page →
text
#210E01
- RGB
- rgb(33 14 1)
- HSL
- hsl(24 94% 7%)
- OKLCH
- oklch(0.189 0.042 58.5)
WCAG contrast: on white 18.61:1 (AAA) · on black 1.12:1 (Fail)
Export True Olivia Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3efe2;
--accent: #976226;
--text: #210e01;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3efe2;
--color-accent: #976226;
--color-text: #210e01;
}JSON (DTCG tokens)
{
"true-olivia-ribbon-2fy": {
"bg": {
"$type": "color",
"$value": "#f3efe2"
},
"accent": {
"$type": "color",
"$value": "#976226"
},
"text": {
"$type": "color",
"$value": "#210e01"
}
}
}About this palette
True Olivia Ribbon is a 3-color OKLCH-ready palette tagged green, warm, nature, brown, 3 colors. Hex values: #F3EFE2, #976226, #210E01. 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 True Olivia Ribbon by OKLab color distance.