Palette · 10 colors · Lc 9.5
True Olive Archive palette
True Olive Archive: a 10-color palette (Green, 10 Colors). HEX, RGB, HSL and OKLCH for #FCEBE1, #E8B292, #B5703F, #7F7300, #177A60, #006F88, #306893, #535089, #53263B, #150B05, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 10 Colors
bg
#FCEBE1
surface
#E8B292
muted
#B5703F
primary
#7F7300
secondary
#177A60
accent
#006F88
highlight
#306893
border
#535089
focus
#53263B
text
#150B05
Colors in True Olive Archive: HEX, RGB, HSL & OKLCH
- #FCEBE1 color page →
bg
#FCEBE1
- RGB
- rgb(252 235 225)
- HSL
- hsl(22 82% 94%)
- OKLCH
- oklch(0.951 0.023 52.7)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.10:1 (AAA)
- #E8B292 color page →
surface
#E8B292
- RGB
- rgb(232 178 146)
- HSL
- hsl(22 65% 74%)
- OKLCH
- oklch(0.805 0.077 51.9)
WCAG contrast: on white 1.87:1 (Fail) · on black 11.21:1 (AAA)
- #B5703F color page →
muted
#B5703F
- RGB
- rgb(181 112 63)
- HSL
- hsl(25 48% 48%)
- OKLCH
- oklch(0.61 0.109 54.5)
WCAG contrast: on white 3.92:1 (Fail) · on black 5.35:1 (AA)
- #7F7300 color page →
primary
#7F7300
- RGB
- rgb(127 115 0)
- HSL
- hsl(54 100% 25%)
- OKLCH
- oklch(0.549 0.115 102.2)
WCAG contrast: on white 4.82:1 (AA) · on black 4.35:1 (Fail)
- #177A60 color page →
secondary
#177A60
- RGB
- rgb(23 122 96)
- HSL
- hsl(164 68% 28%)
- OKLCH
- oklch(0.519 0.096 170)
WCAG contrast: on white 5.26:1 (AA) · on black 3.98:1 (Fail)
- #006F88 color page →
accent
#006F88
- RGB
- rgb(0 111 136)
- HSL
- hsl(191 100% 27%)
- OKLCH
- oklch(0.501 0.092 220.6)
WCAG contrast: on white 5.78:1 (AA) · on black 3.62:1 (Fail)
- #306893 color page →
highlight
#306893
- RGB
- rgb(48 104 147)
- HSL
- hsl(206 51% 38%)
- OKLCH
- oklch(0.5 0.091 244.3)
WCAG contrast: on white 5.95:1 (AA) · on black 3.52:1 (Fail)
- #535089 color page →
border
#535089
- RGB
- rgb(83 80 137)
- HSL
- hsl(243 26% 43%)
- OKLCH
- oklch(0.461 0.091 284.6)
WCAG contrast: on white 7.30:1 (AAA) · on black 2.87:1 (Fail)
- #53263B color page →
focus
#53263B
- RGB
- rgb(83 38 59)
- HSL
- hsl(332 37% 24%)
- OKLCH
- oklch(0.338 0.072 352.4)
WCAG contrast: on white 12.29:1 (AAA) · on black 1.70:1 (Fail)
- #150B05 color page →
text
#150B05
- RGB
- rgb(21 11 5)
- HSL
- hsl(23 62% 5%)
- OKLCH
- oklch(0.162 0.022 55.5)
WCAG contrast: on white 19.40:1 (AAA) · on black 1.08:1 (Fail)
Export True Olive Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fcebe1;
--surface: #e8b292;
--muted: #b5703f;
--primary: #7f7300;
--secondary: #177a60;
--accent: #006f88;
--highlight: #306893;
--border: #535089;
--focus: #53263b;
--text: #150b05;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fcebe1;
--color-surface: #e8b292;
--color-muted: #b5703f;
--color-primary: #7f7300;
--color-secondary: #177a60;
--color-accent: #006f88;
--color-highlight: #306893;
--color-border: #535089;
--color-focus: #53263b;
--color-text: #150b05;
}JSON (DTCG tokens)
{
"true-olive-archive-464": {
"bg": {
"$type": "color",
"$value": "#fcebe1"
},
"surface": {
"$type": "color",
"$value": "#e8b292"
},
"muted": {
"$type": "color",
"$value": "#b5703f"
},
"primary": {
"$type": "color",
"$value": "#7f7300"
},
"secondary": {
"$type": "color",
"$value": "#177a60"
},
"accent": {
"$type": "color",
"$value": "#006f88"
},
"highlight": {
"$type": "color",
"$value": "#306893"
},
"border": {
"$type": "color",
"$value": "#535089"
},
"focus": {
"$type": "color",
"$value": "#53263b"
},
"text": {
"$type": "color",
"$value": "#150b05"
}
}
}About this palette
True Olive Archive is a 10-color OKLCH-ready palette tagged green, 10 colors. Hex values: #FCEBE1, #E8B292, #B5703F, #7F7300, #177A60, #006F88, #306893, #535089, #53263B, #150B05. 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 True Olive Archive by OKLab color distance.