Palette · 4 colors · Lc 9.5
Low Meatloaf Vault palette
Low Meatloaf Vault: a 4-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F9F5EB, #C0A46E, #653717, #1E1006, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9F5EB
surface
#C0A46E
accent
#653717
text
#1E1006
Colors in Low Meatloaf Vault: HEX, RGB, HSL & OKLCH
- #F9F5EB color page →
bg
#F9F5EB
- RGB
- rgb(249 245 235)
- HSL
- hsl(43 54% 95%)
- OKLCH
- oklch(0.971 0.014 88.7)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.28:1 (AAA)
- #C0A46E color page →
surface
#C0A46E
- RGB
- rgb(192 164 110)
- HSL
- hsl(40 39% 59%)
- OKLCH
- oklch(0.731 0.079 83.2)
WCAG contrast: on white 2.39:1 (Fail) · on black 8.77:1 (AAA)
- #653717 color page →
accent
#653717
- RGB
- rgb(101 55 23)
- HSL
- hsl(25 63% 24%)
- OKLCH
- oklch(0.388 0.079 52.7)
WCAG contrast: on white 9.94:1 (AAA) · on black 2.11:1 (Fail)
- #1E1006 color page →
text
#1E1006
- RGB
- rgb(30 16 6)
- HSL
- hsl(25 67% 7%)
- OKLCH
- oklch(0.19 0.03 56.8)
WCAG contrast: on white 18.55:1 (AAA) · on black 1.13:1 (Fail)
Export Low Meatloaf Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9f5eb;
--surface: #c0a46e;
--accent: #653717;
--text: #1e1006;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9f5eb;
--color-surface: #c0a46e;
--color-accent: #653717;
--color-text: #1e1006;
}JSON (DTCG tokens)
{
"low-meatloaf-vault-62": {
"bg": {
"$type": "color",
"$value": "#f9f5eb"
},
"surface": {
"$type": "color",
"$value": "#c0a46e"
},
"accent": {
"$type": "color",
"$value": "#653717"
},
"text": {
"$type": "color",
"$value": "#1e1006"
}
}
}About this palette
Low Meatloaf Vault is a 4-color OKLCH-ready palette tagged yellow, warm, nature, brown, 4 colors. Hex values: #F9F5EB, #C0A46E, #653717, #1E1006. APCA contrast score Lc 9.5. 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 Low Meatloaf Vault by OKLab color distance.