Palette · 4 colors · Lc 7.9
Autumnal Vault palette
Autumnal Vault: a 4-color palette (Yellow, Gray, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #E9E6E4, #AC582C, #402B20, #0D0907, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9E6E4
surface
#AC582C
accent
#402B20
text
#0D0907
Colors in Autumnal Vault: HEX, RGB, HSL & OKLCH
- #E9E6E4 color page →
bg
#E9E6E4
- RGB
- rgb(233 230 228)
- HSL
- hsl(24 10% 90%)
- OKLCH
- oklch(0.927 0.004 56.4)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.90:1 (AAA)
- #AC582C color page →
surface
#AC582C
- RGB
- rgb(172 88 44)
- HSL
- hsl(21 59% 42%)
- OKLCH
- oklch(0.554 0.124 46.2)
WCAG contrast: on white 5.01:1 (AA) · on black 4.18:1 (Fail)
- #402B20 color page →
accent
#402B20
- RGB
- rgb(64 43 32)
- HSL
- hsl(21 33% 19%)
- OKLCH
- oklch(0.311 0.037 48.6)
WCAG contrast: on white 13.25:1 (AAA) · on black 1.58:1 (Fail)
- #0D0907 color page →
text
#0D0907
- RGB
- rgb(13 9 7)
- HSL
- hsl(20 30% 4%)
- OKLCH
- oklch(0.144 0.009 51.3)
WCAG contrast: on white 19.82:1 (AAA) · on black 1.05:1 (Fail)
Export Autumnal Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9e6e4;
--surface: #ac582c;
--accent: #402b20;
--text: #0d0907;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9e6e4;
--color-surface: #ac582c;
--color-accent: #402b20;
--color-text: #0d0907;
}JSON (DTCG tokens)
{
"autumnal-vault-4y8": {
"bg": {
"$type": "color",
"$value": "#e9e6e4"
},
"surface": {
"$type": "color",
"$value": "#ac582c"
},
"accent": {
"$type": "color",
"$value": "#402b20"
},
"text": {
"$type": "color",
"$value": "#0d0907"
}
}
}About this palette
Autumnal Vault is a 4-color OKLCH-ready palette tagged yellow, gray, warm, 4 colors. Hex values: #E9E6E4, #AC582C, #402B20, #0D0907. APCA contrast score Lc 7.9. 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 Autumnal Vault by OKLab color distance.