Palette · 5 colors · Lc 9.5
Pure Olivia Harbor palette
Pure Olivia Harbor: a 5-color palette (Green, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F7F3E1, #B7A575, #966B33, #623E18, #261707, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7F3E1
surface
#B7A575
primary
#966B33
accent
#623E18
text
#261707
Colors in Pure Olivia Harbor: HEX, RGB, HSL & OKLCH
- #F7F3E1 color page →
bg
#F7F3E1
- RGB
- rgb(247 243 225)
- HSL
- hsl(49 58% 93%)
- OKLCH
- oklch(0.962 0.024 96.6)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.86:1 (AAA)
- #B7A575 color page →
surface
#B7A575
- RGB
- rgb(183 165 117)
- HSL
- hsl(44 31% 59%)
- OKLCH
- oklch(0.726 0.068 89.8)
WCAG contrast: on white 2.42:1 (Fail) · on black 8.65:1 (AAA)
- #966B33 color page →
primary
#966B33
- RGB
- rgb(150 107 51)
- HSL
- hsl(34 49% 39%)
- OKLCH
- oklch(0.561 0.091 71.2)
WCAG contrast: on white 4.72:1 (AA) · on black 4.44:1 (Fail)
- #623E18 color page →
accent
#623E18
- RGB
- rgb(98 62 24)
- HSL
- hsl(31 61% 24%)
- OKLCH
- oklch(0.398 0.072 64.2)
WCAG contrast: on white 9.45:1 (AAA) · on black 2.22:1 (Fail)
- #261707 color page →
text
#261707
- RGB
- rgb(38 23 7)
- HSL
- hsl(31 69% 9%)
- OKLCH
- oklch(0.22 0.036 66.2)
WCAG contrast: on white 17.38:1 (AAA) · on black 1.20:1 (Fail)
Export Pure Olivia Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7f3e1;
--surface: #b7a575;
--primary: #966b33;
--accent: #623e18;
--text: #261707;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7f3e1;
--color-surface: #b7a575;
--color-primary: #966b33;
--color-accent: #623e18;
--color-text: #261707;
}JSON (DTCG tokens)
{
"pure-olivia-harbor-4kw": {
"bg": {
"$type": "color",
"$value": "#f7f3e1"
},
"surface": {
"$type": "color",
"$value": "#b7a575"
},
"primary": {
"$type": "color",
"$value": "#966b33"
},
"accent": {
"$type": "color",
"$value": "#623e18"
},
"text": {
"$type": "color",
"$value": "#261707"
}
}
}About this palette
Pure Olivia Harbor is a 5-color OKLCH-ready palette tagged green, warm, nature, brown, 5 colors. Hex values: #F7F3E1, #B7A575, #966B33, #623E18, #261707. APCA contrast score Lc 9.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 Olivia Harbor by OKLab color distance.