Palette · 7 colors · Lc 8.7
True Fleur de Sel Caramel Grove palette
True Fleur de Sel Caramel Grove: a 7-color palette (Green, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #130600, #480A00, #792B00, #BB5B00, #DE8D00, #FFBB66, #FFE7C5, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#130600
surface
#480A00
muted
#792B00
primary
#BB5B00
secondary
#DE8D00
accent
#FFBB66
text
#FFE7C5
Colors in True Fleur de Sel Caramel Grove: HEX, RGB, HSL & OKLCH
- #130600 color page →
bg
#130600
- RGB
- rgb(19 6 0)
- HSL
- hsl(19 100% 4%)
- OKLCH
- oklch(0.141 0.033 60.2)
WCAG contrast: on white 19.92:1 (AAA) · on black 1.05:1 (Fail)
- #480A00 color page →
surface
#480A00
- RGB
- rgb(72 10 0)
- HSL
- hsl(8 100% 14%)
- OKLCH
- oklch(0.263 0.094 34.1)
WCAG contrast: on white 15.92:1 (AAA) · on black 1.31:1 (Fail)
- #792B00 color page →
muted
#792B00
- RGB
- rgb(121 43 0)
- HSL
- hsl(21 100% 24%)
- OKLCH
- oklch(0.399 0.119 42.8)
WCAG contrast: on white 9.72:1 (AAA) · on black 2.15:1 (Fail)
- #BB5B00 color page →
primary
#BB5B00
- RGB
- rgb(187 91 0)
- HSL
- hsl(29 100% 37%)
- OKLCH
- oklch(0.578 0.148 52.4)
WCAG contrast: on white 4.55:1 (AA) · on black 4.60:1 (AA)
- #DE8D00 color page →
secondary
#DE8D00
- RGB
- rgb(222 141 0)
- HSL
- hsl(38 100% 44%)
- OKLCH
- oklch(0.71 0.154 69.5)
WCAG contrast: on white 2.65:1 (Fail) · on black 7.91:1 (AAA)
- #FFBB66 color page →
accent
#FFBB66
- RGB
- rgb(255 187 102)
- HSL
- hsl(33 100% 70%)
- OKLCH
- oklch(0.839 0.129 70.6)
WCAG contrast: on white 1.67:1 (Fail) · on black 12.55:1 (AAA)
- #FFE7C5 color page →
text
#FFE7C5
- RGB
- rgb(255 231 197)
- HSL
- hsl(35 100% 89%)
- OKLCH
- oklch(0.939 0.052 76.6)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.48:1 (AAA)
Export True Fleur de Sel Caramel Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #130600;
--surface: #480a00;
--muted: #792b00;
--primary: #bb5b00;
--secondary: #de8d00;
--accent: #ffbb66;
--text: #ffe7c5;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #130600;
--color-surface: #480a00;
--color-muted: #792b00;
--color-primary: #bb5b00;
--color-secondary: #de8d00;
--color-accent: #ffbb66;
--color-text: #ffe7c5;
}JSON (DTCG tokens)
{
"true-fleur-de-sel-caramel-grove-4g1": {
"bg": {
"$type": "color",
"$value": "#130600"
},
"surface": {
"$type": "color",
"$value": "#480a00"
},
"muted": {
"$type": "color",
"$value": "#792b00"
},
"primary": {
"$type": "color",
"$value": "#bb5b00"
},
"secondary": {
"$type": "color",
"$value": "#de8d00"
},
"accent": {
"$type": "color",
"$value": "#ffbb66"
},
"text": {
"$type": "color",
"$value": "#ffe7c5"
}
}
}About this palette
True Fleur de Sel Caramel Grove is a 7-color OKLCH-ready palette tagged green, warm, 7 colors. Hex values: #130600, #480A00, #792B00, #BB5B00, #DE8D00, #FFBB66, #FFE7C5. 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 Fleur de Sel Caramel Grove by OKLab color distance.