Palette · 4 colors · Lc 9.4
True Gremlin Brief palette
True Gremlin Brief: a 4-color palette (Green, 4 Colors). HEX, RGB, HSL and OKLCH for #F5EDDA, #B19A4A, #5A4400, #0F0E04, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 4 Colors
bg
#F5EDDA
surface
#B19A4A
accent
#5A4400
text
#0F0E04
Colors in True Gremlin Brief: HEX, RGB, HSL & OKLCH
- #F5EDDA color page →
bg
#F5EDDA
- RGB
- rgb(245 237 218)
- HSL
- hsl(42 57% 91%)
- OKLCH
- oklch(0.947 0.027 87.9)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.00:1 (AAA)
- #B19A4A color page →
surface
#B19A4A
- RGB
- rgb(177 154 74)
- HSL
- hsl(47 41% 49%)
- OKLCH
- oklch(0.69 0.104 93.5)
WCAG contrast: on white 2.76:1 (Fail) · on black 7.59:1 (AAA)
- #5A4400 color page →
accent
#5A4400
- RGB
- rgb(90 68 0)
- HSL
- hsl(45 100% 18%)
- OKLCH
- oklch(0.399 0.082 87.6)
WCAG contrast: on white 9.28:1 (AAA) · on black 2.26:1 (Fail)
- #0F0E04 color page →
text
#0F0E04
- RGB
- rgb(15 14 4)
- HSL
- hsl(55 58% 4%)
- OKLCH
- oklch(0.161 0.022 104.2)
WCAG contrast: on white 19.35:1 (AAA) · on black 1.08:1 (Fail)
Export True Gremlin Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5edda;
--surface: #b19a4a;
--accent: #5a4400;
--text: #0f0e04;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5edda;
--color-surface: #b19a4a;
--color-accent: #5a4400;
--color-text: #0f0e04;
}JSON (DTCG tokens)
{
"true-gremlin-brief-5gx": {
"bg": {
"$type": "color",
"$value": "#f5edda"
},
"surface": {
"$type": "color",
"$value": "#b19a4a"
},
"accent": {
"$type": "color",
"$value": "#5a4400"
},
"text": {
"$type": "color",
"$value": "#0f0e04"
}
}
}About this palette
True Gremlin Brief is a 4-color OKLCH-ready palette tagged green, 4 colors. Hex values: #F5EDDA, #B19A4A, #5A4400, #0F0E04. APCA contrast score Lc 9.4. 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 Gremlin Brief by OKLab color distance.