Palette · 4 colors · Lc 9.3
Cardboard Lattice palette
Cardboard Lattice: a 4-color palette (Green, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #FAEFDF, #C99E70, #5C311F, #1F0F08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FAEFDF
surface
#C99E70
accent
#5C311F
text
#1F0F08
Colors in Cardboard Lattice: HEX, RGB, HSL & OKLCH
- #FAEFDF color page →
bg
#FAEFDF
- RGB
- rgb(250 239 223)
- HSL
- hsl(36 73% 93%)
- OKLCH
- oklch(0.956 0.024 77.5)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.47:1 (AAA)
- #C99E70 color page →
surface
#C99E70
- RGB
- rgb(201 158 112)
- HSL
- hsl(31 45% 61%)
- OKLCH
- oklch(0.728 0.08 67.9)
WCAG contrast: on white 2.43:1 (Fail) · on black 8.60:1 (AAA)
- #5C311F color page →
accent
#5C311F
- RGB
- rgb(92 49 31)
- HSL
- hsl(18 50% 24%)
- OKLCH
- oklch(0.364 0.069 42.9)
WCAG contrast: on white 10.97:1 (AAA) · on black 1.91:1 (Fail)
- #1F0F08 color page →
text
#1F0F08
- RGB
- rgb(31 15 8)
- HSL
- hsl(18 59% 8%)
- OKLCH
- oklch(0.189 0.031 44.5)
WCAG contrast: on white 18.58:1 (AAA) · on black 1.13:1 (Fail)
Export Cardboard Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #faefdf;
--surface: #c99e70;
--accent: #5c311f;
--text: #1f0f08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #faefdf;
--color-surface: #c99e70;
--color-accent: #5c311f;
--color-text: #1f0f08;
}JSON (DTCG tokens)
{
"cardboard-lattice-o4": {
"bg": {
"$type": "color",
"$value": "#faefdf"
},
"surface": {
"$type": "color",
"$value": "#c99e70"
},
"accent": {
"$type": "color",
"$value": "#5c311f"
},
"text": {
"$type": "color",
"$value": "#1f0f08"
}
}
}About this palette
Cardboard Lattice is a 4-color OKLCH-ready palette tagged green, warm, nature, brown, 4 colors. Hex values: #FAEFDF, #C99E70, #5C311F, #1F0F08. APCA contrast score Lc 9.3. 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 Cardboard Lattice by OKLab color distance.