Palette · 8 colors · Lc 9.4
Quiet Palm Leaf Archive palette
Quiet Palm Leaf Archive: a 8-color palette (Green, Gray, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #F5F9F4, #CCD5C8, #99AC97, #728269, #556250, #32422C, #20291E, #070A05, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Gray
- Monochromatic
- 8 Colors
bg
#F5F9F4
surface
#CCD5C8
muted
#99AC97
primary
#728269
secondary
#556250
accent
#32422C
highlight
#20291E
text
#070A05
Colors in Quiet Palm Leaf Archive: HEX, RGB, HSL & OKLCH
- #F5F9F4 color page →
bg
#F5F9F4
- RGB
- rgb(245 249 244)
- HSL
- hsl(108 29% 97%)
- OKLCH
- oklch(0.978 0.008 139.4)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.73:1 (AAA)
- #CCD5C8 color page →
surface
#CCD5C8
- RGB
- rgb(204 213 200)
- HSL
- hsl(102 13% 81%)
- OKLCH
- oklch(0.862 0.02 135.8)
WCAG contrast: on white 1.50:1 (Fail) · on black 13.91:1 (AAA)
- #99AC97 color page →
muted
#99AC97
- RGB
- rgb(153 172 151)
- HSL
- hsl(114 11% 63%)
- OKLCH
- oklch(0.724 0.037 142.6)
WCAG contrast: on white 2.41:1 (Fail) · on black 8.70:1 (AAA)
- #728269 color page →
primary
#728269
- RGB
- rgb(114 130 105)
- HSL
- hsl(98 11% 46%)
- OKLCH
- oklch(0.586 0.042 134.3)
WCAG contrast: on white 4.10:1 (Fail) · on black 5.11:1 (AA)
- #556250 color page →
secondary
#556250
- RGB
- rgb(85 98 80)
- HSL
- hsl(103 10% 35%)
- OKLCH
- oklch(0.48 0.032 137)
WCAG contrast: on white 6.46:1 (AA) · on black 3.24:1 (Fail)
- #32422C color page →
accent
#32422C
- RGB
- rgb(50 66 44)
- HSL
- hsl(104 20% 22%)
- OKLCH
- oklch(0.358 0.042 137.3)
WCAG contrast: on white 10.76:1 (AAA) · on black 1.95:1 (Fail)
- #20291E color page →
highlight
#20291E
- RGB
- rgb(32 41 30)
- HSL
- hsl(109 15% 14%)
- OKLCH
- oklch(0.268 0.024 140)
WCAG contrast: on white 15.02:1 (AAA) · on black 1.39:1 (Fail)
- #070A05 color page →
text
#070A05
- RGB
- rgb(7 10 5)
- HSL
- hsl(96 33% 3%)
- OKLCH
- oklch(0.139 0.014 131.5)
WCAG contrast: on white 19.91:1 (AAA) · on black 1.05:1 (Fail)
Export Quiet Palm Leaf Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5f9f4;
--surface: #ccd5c8;
--muted: #99ac97;
--primary: #728269;
--secondary: #556250;
--accent: #32422c;
--highlight: #20291e;
--text: #070a05;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5f9f4;
--color-surface: #ccd5c8;
--color-muted: #99ac97;
--color-primary: #728269;
--color-secondary: #556250;
--color-accent: #32422c;
--color-highlight: #20291e;
--color-text: #070a05;
}JSON (DTCG tokens)
{
"quiet-palm-leaf-archive-4xo": {
"bg": {
"$type": "color",
"$value": "#f5f9f4"
},
"surface": {
"$type": "color",
"$value": "#ccd5c8"
},
"muted": {
"$type": "color",
"$value": "#99ac97"
},
"primary": {
"$type": "color",
"$value": "#728269"
},
"secondary": {
"$type": "color",
"$value": "#556250"
},
"accent": {
"$type": "color",
"$value": "#32422c"
},
"highlight": {
"$type": "color",
"$value": "#20291e"
},
"text": {
"$type": "color",
"$value": "#070a05"
}
}
}About this palette
Quiet Palm Leaf Archive is a 8-color OKLCH-ready palette tagged green, gray, monochromatic, 8 colors. Hex values: #F5F9F4, #CCD5C8, #99AC97, #728269, #556250, #32422C, #20291E, #070A05. APCA contrast score Lc 9.4. 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 Quiet Palm Leaf Archive by OKLab color distance.