Palette · 10 colors · Lc 9.1
True Garden Weed Noir palette
True Garden Weed Noir: a 10-color palette (Green, Gray, 10 Colors). HEX, RGB, HSL and OKLCH for #EDECE8, #DED7C6, #C6BD9E, #A09364, #867958, #756A37, #54481B, #333118, #242010, #060604, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EDECE8
surface
#DED7C6
muted
#C6BD9E
primary
#A09364
secondary
#867958
accent
#756A37
highlight
#54481B
border
#333118
focus
#242010
text
#060604
Colors in True Garden Weed Noir: HEX, RGB, HSL & OKLCH
- #EDECE8 color page →
bg
#EDECE8
- RGB
- rgb(237 236 232)
- HSL
- hsl(48 12% 92%)
- OKLCH
- oklch(0.943 0.005 95.1)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.76:1 (AAA)
- #DED7C6 color page →
surface
#DED7C6
- RGB
- rgb(222 215 198)
- HSL
- hsl(42 27% 82%)
- OKLCH
- oklch(0.88 0.024 88.2)
WCAG contrast: on white 1.43:1 (Fail) · on black 14.64:1 (AAA)
- #C6BD9E color page →
muted
#C6BD9E
- RGB
- rgb(198 189 158)
- HSL
- hsl(47 26% 70%)
- OKLCH
- oklch(0.798 0.043 93.7)
WCAG contrast: on white 1.87:1 (Fail) · on black 11.17:1 (AAA)
- #A09364 color page →
primary
#A09364
- RGB
- rgb(160 147 100)
- HSL
- hsl(47 24% 51%)
- OKLCH
- oklch(0.663 0.066 94.5)
WCAG contrast: on white 3.06:1 (Fail) · on black 6.85:1 (AA)
- #867958 color page →
secondary
#867958
- RGB
- rgb(134 121 88)
- HSL
- hsl(43 21% 44%)
- OKLCH
- oklch(0.579 0.05 89)
WCAG contrast: on white 4.29:1 (Fail) · on black 4.88:1 (AA)
- #756A37 color page →
accent
#756A37
- RGB
- rgb(117 106 55)
- HSL
- hsl(49 36% 34%)
- OKLCH
- oklch(0.523 0.072 97.4)
WCAG contrast: on white 5.42:1 (AA) · on black 3.87:1 (Fail)
- #54481B color page →
highlight
#54481B
- RGB
- rgb(84 72 27)
- HSL
- hsl(47 51% 22%)
- OKLCH
- oklch(0.404 0.065 94.4)
WCAG contrast: on white 9.05:1 (AAA) · on black 2.31:1 (Fail)
- #333118 color page →
border
#333118
- RGB
- rgb(51 49 24)
- HSL
- hsl(56 36% 15%)
- OKLCH
- oklch(0.308 0.04 104.5)
WCAG contrast: on white 13.18:1 (AAA) · on black 1.59:1 (Fail)
- #242010 color page →
focus
#242010
- RGB
- rgb(36 32 16)
- HSL
- hsl(48 38% 10%)
- OKLCH
- oklch(0.243 0.028 95.8)
WCAG contrast: on white 16.29:1 (AAA) · on black 1.28:1 (Fail)
- #060604 color page →
text
#060604
- RGB
- rgb(6 6 4)
- HSL
- hsl(60 20% 2%)
- OKLCH
- oklch(0.121 0.007 107.3)
WCAG contrast: on white 20.27:1 (AAA) · on black 1.03:1 (Fail)
Export True Garden Weed Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #edece8;
--surface: #ded7c6;
--muted: #c6bd9e;
--primary: #a09364;
--secondary: #867958;
--accent: #756a37;
--highlight: #54481b;
--border: #333118;
--focus: #242010;
--text: #060604;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #edece8;
--color-surface: #ded7c6;
--color-muted: #c6bd9e;
--color-primary: #a09364;
--color-secondary: #867958;
--color-accent: #756a37;
--color-highlight: #54481b;
--color-border: #333118;
--color-focus: #242010;
--color-text: #060604;
}JSON (DTCG tokens)
{
"true-garden-weed-noir-6x": {
"bg": {
"$type": "color",
"$value": "#edece8"
},
"surface": {
"$type": "color",
"$value": "#ded7c6"
},
"muted": {
"$type": "color",
"$value": "#c6bd9e"
},
"primary": {
"$type": "color",
"$value": "#a09364"
},
"secondary": {
"$type": "color",
"$value": "#867958"
},
"accent": {
"$type": "color",
"$value": "#756a37"
},
"highlight": {
"$type": "color",
"$value": "#54481b"
},
"border": {
"$type": "color",
"$value": "#333118"
},
"focus": {
"$type": "color",
"$value": "#242010"
},
"text": {
"$type": "color",
"$value": "#060604"
}
}
}About this palette
True Garden Weed Noir is a 10-color OKLCH-ready palette tagged green, gray, 10 colors. Hex values: #EDECE8, #DED7C6, #C6BD9E, #A09364, #867958, #756A37, #54481B, #333118, #242010, #060604. APCA contrast score Lc 9.1. 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 Garden Weed Noir by OKLab color distance.