Palette · 10 colors · Lc 9.3
Guacamole Bloom palette
Guacamole Bloom: a 10-color palette (Green, Gray, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #F5F5EF, #D9DACD, #B4B49E, #969B75, #838661, #686849, #494D36, #37371C, #232317, #0B0B09, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Gray
- Monochromatic
- 10 Colors
bg
#F5F5EF
surface
#D9DACD
muted
#B4B49E
primary
#969B75
secondary
#838661
accent
#686849
highlight
#494D36
border
#37371C
focus
#232317
text
#0B0B09
Colors in Guacamole Bloom: HEX, RGB, HSL & OKLCH
- #F5F5EF color page →
bg
#F5F5EF
- RGB
- rgb(245 245 239)
- HSL
- hsl(60 23% 95%)
- OKLCH
- oklch(0.968 0.008 106.5)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.18:1 (AAA)
- #D9DACD color page →
surface
#D9DACD
- RGB
- rgb(217 218 205)
- HSL
- hsl(65 15% 83%)
- OKLCH
- oklch(0.884 0.018 110.3)
WCAG contrast: on white 1.41:1 (Fail) · on black 14.86:1 (AAA)
- #B4B49E color page →
muted
#B4B49E
- RGB
- rgb(180 180 158)
- HSL
- hsl(60 13% 66%)
- OKLCH
- oklch(0.764 0.03 107.1)
WCAG contrast: on white 2.10:1 (Fail) · on black 9.96:1 (AAA)
- #969B75 color page →
primary
#969B75
- RGB
- rgb(150 155 117)
- HSL
- hsl(68 16% 53%)
- OKLCH
- oklch(0.675 0.054 113.9)
WCAG contrast: on white 2.89:1 (Fail) · on black 7.24:1 (AAA)
- #838661 color page →
secondary
#838661
- RGB
- rgb(131 134 97)
- HSL
- hsl(65 16% 45%)
- OKLCH
- oklch(0.608 0.053 111.7)
WCAG contrast: on white 3.78:1 (Fail) · on black 5.54:1 (AA)
- #686849 color page →
accent
#686849
- RGB
- rgb(104 104 73)
- HSL
- hsl(60 18% 35%)
- OKLCH
- oklch(0.509 0.046 107.9)
WCAG contrast: on white 5.72:1 (AA) · on black 3.66:1 (Fail)
- #494D36 color page →
highlight
#494D36
- RGB
- rgb(73 77 54)
- HSL
- hsl(70 18% 26%)
- OKLCH
- oklch(0.41 0.037 116.1)
WCAG contrast: on white 8.75:1 (AAA) · on black 2.39:1 (Fail)
- #37371C color page →
border
#37371C
- RGB
- rgb(55 55 28)
- HSL
- hsl(60 33% 16%)
- OKLCH
- oklch(0.329 0.043 108.5)
WCAG contrast: on white 12.16:1 (AAA) · on black 1.72:1 (Fail)
- #232317 color page →
focus
#232317
- RGB
- rgb(35 35 23)
- HSL
- hsl(60 21% 11%)
- OKLCH
- oklch(0.252 0.021 107.8)
WCAG contrast: on white 15.85:1 (AAA) · on black 1.32:1 (Fail)
- #0B0B09 color page →
text
#0B0B09
- RGB
- rgb(11 11 9)
- HSL
- hsl(60 10% 4%)
- OKLCH
- oklch(0.149 0.004 106.9)
WCAG contrast: on white 19.69:1 (AAA) · on black 1.06:1 (Fail)
Export Guacamole Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5f5ef;
--surface: #d9dacd;
--muted: #b4b49e;
--primary: #969b75;
--secondary: #838661;
--accent: #686849;
--highlight: #494d36;
--border: #37371c;
--focus: #232317;
--text: #0b0b09;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5f5ef;
--color-surface: #d9dacd;
--color-muted: #b4b49e;
--color-primary: #969b75;
--color-secondary: #838661;
--color-accent: #686849;
--color-highlight: #494d36;
--color-border: #37371c;
--color-focus: #232317;
--color-text: #0b0b09;
}JSON (DTCG tokens)
{
"guacamole-bloom-65v": {
"bg": {
"$type": "color",
"$value": "#f5f5ef"
},
"surface": {
"$type": "color",
"$value": "#d9dacd"
},
"muted": {
"$type": "color",
"$value": "#b4b49e"
},
"primary": {
"$type": "color",
"$value": "#969b75"
},
"secondary": {
"$type": "color",
"$value": "#838661"
},
"accent": {
"$type": "color",
"$value": "#686849"
},
"highlight": {
"$type": "color",
"$value": "#494d36"
},
"border": {
"$type": "color",
"$value": "#37371c"
},
"focus": {
"$type": "color",
"$value": "#232317"
},
"text": {
"$type": "color",
"$value": "#0b0b09"
}
}
}About this palette
Guacamole Bloom is a 10-color OKLCH-ready palette tagged green, gray, monochromatic, 10 colors. Hex values: #F5F5EF, #D9DACD, #B4B49E, #969B75, #838661, #686849, #494D36, #37371C, #232317, #0B0B09. APCA contrast score Lc 9.3. 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 Guacamole Bloom by OKLab color distance.