Palette · 10 colors · Lc 9.3
Green Thumb Brief palette
Green Thumb Brief: a 10-color palette (Green, 10 Colors). HEX, RGB, HSL and OKLCH for #E7F1D0, #D5E1A7, #A4C05C, #7FAA36, #739500, #3B7400, #395D00, #1E4300, #072100, #040D03, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 10 Colors
bg
#E7F1D0
surface
#D5E1A7
muted
#A4C05C
primary
#7FAA36
secondary
#739500
accent
#3B7400
highlight
#395D00
border
#1E4300
focus
#072100
text
#040D03
Colors in Green Thumb Brief: HEX, RGB, HSL & OKLCH
- #E7F1D0 color page →
bg
#E7F1D0
- RGB
- rgb(231 241 208)
- HSL
- hsl(78 54% 88%)
- OKLCH
- oklch(0.942 0.045 121)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.89:1 (AAA)
- #D5E1A7 color page →
surface
#D5E1A7
- RGB
- rgb(213 225 167)
- HSL
- hsl(72 49% 77%)
- OKLCH
- oklch(0.886 0.077 117.5)
WCAG contrast: on white 1.38:1 (Fail) · on black 15.15:1 (AAA)
- #A4C05C color page →
muted
#A4C05C
- RGB
- rgb(164 192 92)
- HSL
- hsl(77 44% 56%)
- OKLCH
- oklch(0.765 0.131 122.5)
WCAG contrast: on white 2.04:1 (Fail) · on black 10.27:1 (AAA)
- #7FAA36 color page →
primary
#7FAA36
- RGB
- rgb(127 170 54)
- HSL
- hsl(82 52% 44%)
- OKLCH
- oklch(0.684 0.151 127.5)
WCAG contrast: on white 2.72:1 (Fail) · on black 7.70:1 (AAA)
- #739500 color page →
secondary
#739500
- RGB
- rgb(115 149 0)
- HSL
- hsl(74 100% 29%)
- OKLCH
- oklch(0.621 0.155 124.2)
WCAG contrast: on white 3.48:1 (Fail) · on black 6.02:1 (AA)
- #3B7400 color page →
accent
#3B7400
- RGB
- rgb(59 116 0)
- HSL
- hsl(89 100% 23%)
- OKLCH
- oklch(0.5 0.145 134.8)
WCAG contrast: on white 5.70:1 (AA) · on black 3.68:1 (Fail)
- #395D00 color page →
highlight
#395D00
- RGB
- rgb(57 93 0)
- HSL
- hsl(83 100% 18%)
- OKLCH
- oklch(0.434 0.118 130.8)
WCAG contrast: on white 7.66:1 (AAA) · on black 2.73:1 (Fail)
- #1E4300 color page →
border
#1E4300
- RGB
- rgb(30 67 0)
- HSL
- hsl(93 100% 13%)
- OKLCH
- oklch(0.342 0.101 135.4)
WCAG contrast: on white 11.30:1 (AAA) · on black 1.85:1 (Fail)
- #072100 color page →
focus
#072100
- RGB
- rgb(7 33 0)
- HSL
- hsl(107 100% 6%)
- OKLCH
- oklch(0.219 0.068 138.3)
WCAG contrast: on white 17.12:1 (AAA) · on black 1.22:1 (Fail)
- #040D03 color page →
text
#040D03
- RGB
- rgb(4 13 3)
- HSL
- hsl(114 63% 3%)
- OKLCH
- oklch(0.144 0.03 140.8)
WCAG contrast: on white 19.73:1 (AAA) · on black 1.06:1 (Fail)
Export Green Thumb Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7f1d0;
--surface: #d5e1a7;
--muted: #a4c05c;
--primary: #7faa36;
--secondary: #739500;
--accent: #3b7400;
--highlight: #395d00;
--border: #1e4300;
--focus: #072100;
--text: #040d03;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7f1d0;
--color-surface: #d5e1a7;
--color-muted: #a4c05c;
--color-primary: #7faa36;
--color-secondary: #739500;
--color-accent: #3b7400;
--color-highlight: #395d00;
--color-border: #1e4300;
--color-focus: #072100;
--color-text: #040d03;
}JSON (DTCG tokens)
{
"green-thumb-brief-2pc": {
"bg": {
"$type": "color",
"$value": "#e7f1d0"
},
"surface": {
"$type": "color",
"$value": "#d5e1a7"
},
"muted": {
"$type": "color",
"$value": "#a4c05c"
},
"primary": {
"$type": "color",
"$value": "#7faa36"
},
"secondary": {
"$type": "color",
"$value": "#739500"
},
"accent": {
"$type": "color",
"$value": "#3b7400"
},
"highlight": {
"$type": "color",
"$value": "#395d00"
},
"border": {
"$type": "color",
"$value": "#1e4300"
},
"focus": {
"$type": "color",
"$value": "#072100"
},
"text": {
"$type": "color",
"$value": "#040d03"
}
}
}About this palette
Green Thumb Brief is a 10-color OKLCH-ready palette tagged green, 10 colors. Hex values: #E7F1D0, #D5E1A7, #A4C05C, #7FAA36, #739500, #3B7400, #395D00, #1E4300, #072100, #040D03. 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 Green Thumb Brief by OKLab color distance.