Palette · 4 colors · Lc 8.3
Cardboard Pulse palette
Cardboard Pulse: a 4-color palette (Green, Gray, Warm, Nature). HEX, RGB, HSL and OKLCH for #ECE5DD, #C79C6F, #5D3026, #1A0D09, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#ECE5DD
surface
#C79C6F
accent
#5D3026
text
#1A0D09
Colors in Cardboard Pulse: HEX, RGB, HSL & OKLCH
- #ECE5DD color page →
bg
#ECE5DD
- RGB
- rgb(236 229 221)
- HSL
- hsl(32 28% 90%)
- OKLCH
- oklch(0.925 0.013 71.3)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.81:1 (AAA)
- #C79C6F color page →
surface
#C79C6F
- RGB
- rgb(199 156 111)
- HSL
- hsl(31 44% 61%)
- OKLCH
- oklch(0.722 0.079 67.3)
WCAG contrast: on white 2.49:1 (Fail) · on black 8.41:1 (AAA)
- #5D3026 color page →
accent
#5D3026
- RGB
- rgb(93 48 38)
- HSL
- hsl(11 42% 26%)
- OKLCH
- oklch(0.365 0.068 33.6)
WCAG contrast: on white 10.95:1 (AAA) · on black 1.91:1 (Fail)
- #1A0D09 color page →
text
#1A0D09
- RGB
- rgb(26 13 9)
- HSL
- hsl(14 49% 7%)
- OKLCH
- oklch(0.176 0.024 38)
WCAG contrast: on white 18.99:1 (AAA) · on black 1.10:1 (Fail)
Export Cardboard Pulse: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ece5dd;
--surface: #c79c6f;
--accent: #5d3026;
--text: #1a0d09;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ece5dd;
--color-surface: #c79c6f;
--color-accent: #5d3026;
--color-text: #1a0d09;
}JSON (DTCG tokens)
{
"cardboard-pulse-4l0": {
"bg": {
"$type": "color",
"$value": "#ece5dd"
},
"surface": {
"$type": "color",
"$value": "#c79c6f"
},
"accent": {
"$type": "color",
"$value": "#5d3026"
},
"text": {
"$type": "color",
"$value": "#1a0d09"
}
}
}About this palette
Cardboard Pulse is a 4-color OKLCH-ready palette tagged green, gray, warm, nature, brown, 4 colors. Hex values: #ECE5DD, #C79C6F, #5D3026, #1A0D09. APCA contrast score Lc 8.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 Pulse by OKLab color distance.