Palette · 10 colors · Lc 8.7
True Paid in Full Grove palette
True Paid in Full Grove: a 10-color palette (Green, Gray, 10 Colors). HEX, RGB, HSL and OKLCH for #F2F1E5, #BEBDA1, #8F8A64, #5A7964, #476F7C, #5C6C8A, #645B79, #61505E, #4D2F26, #110F03, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2F1E5
surface
#BEBDA1
muted
#8F8A64
primary
#5A7964
secondary
#476F7C
accent
#5C6C8A
highlight
#645B79
border
#61505E
focus
#4D2F26
text
#110F03
Colors in True Paid in Full Grove: HEX, RGB, HSL & OKLCH
- #F2F1E5 color page →
bg
#F2F1E5
- RGB
- rgb(242 241 229)
- HSL
- hsl(55 33% 92%)
- OKLCH
- oklch(0.956 0.016 102.8)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.48:1 (AAA)
- #BEBDA1 color page →
surface
#BEBDA1
- RGB
- rgb(190 189 161)
- HSL
- hsl(58 18% 69%)
- OKLCH
- oklch(0.792 0.038 105.6)
WCAG contrast: on white 1.91:1 (Fail) · on black 10.98:1 (AAA)
- #8F8A64 color page →
muted
#8F8A64
- RGB
- rgb(143 138 100)
- HSL
- hsl(53 18% 48%)
- OKLCH
- oklch(0.628 0.054 101.5)
WCAG contrast: on white 3.50:1 (Fail) · on black 5.98:1 (AA)
- #5A7964 color page →
primary
#5A7964
- RGB
- rgb(90 121 100)
- HSL
- hsl(139 15% 41%)
- OKLCH
- oklch(0.546 0.048 154.9)
WCAG contrast: on white 4.82:1 (AA) · on black 4.35:1 (Fail)
- #476F7C color page →
secondary
#476F7C
- RGB
- rgb(71 111 124)
- HSL
- hsl(195 27% 38%)
- OKLCH
- oklch(0.517 0.049 220.4)
WCAG contrast: on white 5.47:1 (AA) · on black 3.83:1 (Fail)
- #5C6C8A color page →
accent
#5C6C8A
- RGB
- rgb(92 108 138)
- HSL
- hsl(219 20% 45%)
- OKLCH
- oklch(0.53 0.051 262.8)
WCAG contrast: on white 5.29:1 (AA) · on black 3.96:1 (Fail)
- #645B79 color page →
highlight
#645B79
- RGB
- rgb(100 91 121)
- HSL
- hsl(258 14% 42%)
- OKLCH
- oklch(0.491 0.048 298.4)
WCAG contrast: on white 6.33:1 (AA) · on black 3.31:1 (Fail)
- #61505E color page →
border
#61505E
- RGB
- rgb(97 80 94)
- HSL
- hsl(311 10% 35%)
- OKLCH
- oklch(0.453 0.031 332.1)
WCAG contrast: on white 7.45:1 (AAA) · on black 2.81:1 (Fail)
- #4D2F26 color page →
focus
#4D2F26
- RGB
- rgb(77 47 38)
- HSL
- hsl(14 34% 23%)
- OKLCH
- oklch(0.339 0.047 37.4)
WCAG contrast: on white 11.99:1 (AAA) · on black 1.75:1 (Fail)
- #110F03 color page →
text
#110F03
- RGB
- rgb(17 15 3)
- HSL
- hsl(51 70% 4%)
- OKLCH
- oklch(0.167 0.026 101.5)
WCAG contrast: on white 19.20:1 (AAA) · on black 1.09:1 (Fail)
Export True Paid in Full Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2f1e5;
--surface: #bebda1;
--muted: #8f8a64;
--primary: #5a7964;
--secondary: #476f7c;
--accent: #5c6c8a;
--highlight: #645b79;
--border: #61505e;
--focus: #4d2f26;
--text: #110f03;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2f1e5;
--color-surface: #bebda1;
--color-muted: #8f8a64;
--color-primary: #5a7964;
--color-secondary: #476f7c;
--color-accent: #5c6c8a;
--color-highlight: #645b79;
--color-border: #61505e;
--color-focus: #4d2f26;
--color-text: #110f03;
}JSON (DTCG tokens)
{
"true-paid-in-full-grove-nr": {
"bg": {
"$type": "color",
"$value": "#f2f1e5"
},
"surface": {
"$type": "color",
"$value": "#bebda1"
},
"muted": {
"$type": "color",
"$value": "#8f8a64"
},
"primary": {
"$type": "color",
"$value": "#5a7964"
},
"secondary": {
"$type": "color",
"$value": "#476f7c"
},
"accent": {
"$type": "color",
"$value": "#5c6c8a"
},
"highlight": {
"$type": "color",
"$value": "#645b79"
},
"border": {
"$type": "color",
"$value": "#61505e"
},
"focus": {
"$type": "color",
"$value": "#4d2f26"
},
"text": {
"$type": "color",
"$value": "#110f03"
}
}
}About this palette
True Paid in Full Grove is a 10-color OKLCH-ready palette tagged green, gray, 10 colors. Hex values: #F2F1E5, #BEBDA1, #8F8A64, #5A7964, #476F7C, #5C6C8A, #645B79, #61505E, #4D2F26, #110F03. APCA contrast score Lc 8.7. 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 Paid in Full Grove by OKLab color distance.