Palette · 9 colors · Lc 9
Classic Light Brown Pulse palette
Classic Light Brown Pulse: a 9-color palette (Yellow, Warm, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #F2E8E0, #EDCEB2, #DEA06E, #CB8147, #A95F18, #864916, #5C3400, #341800, #120500, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Yellow
- Warm
- Monochromatic
- 9 Colors
bg
#F2E8E0
surface
#EDCEB2
muted
#DEA06E
primary
#CB8147
secondary
#A95F18
accent
#864916
highlight
#5C3400
border
#341800
text
#120500
Colors in Classic Light Brown Pulse: HEX, RGB, HSL & OKLCH
- #F2E8E0 color page →
bg
#F2E8E0
- RGB
- rgb(242 232 224)
- HSL
- hsl(27 41% 91%)
- OKLCH
- oklch(0.937 0.015 61.3)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.39:1 (AAA)
- #EDCEB2 color page →
surface
#EDCEB2
- RGB
- rgb(237 206 178)
- HSL
- hsl(28 62% 81%)
- OKLCH
- oklch(0.87 0.051 64.2)
WCAG contrast: on white 1.49:1 (Fail) · on black 14.07:1 (AAA)
- #DEA06E color page →
muted
#DEA06E
- RGB
- rgb(222 160 110)
- HSL
- hsl(27 63% 65%)
- OKLCH
- oklch(0.754 0.099 59.4)
WCAG contrast: on white 2.24:1 (Fail) · on black 9.35:1 (AAA)
- #CB8147 color page →
primary
#CB8147
- RGB
- rgb(203 129 71)
- HSL
- hsl(26 56% 54%)
- OKLCH
- oklch(0.669 0.118 57)
WCAG contrast: on white 3.10:1 (Fail) · on black 6.77:1 (AA)
- #A95F18 color page →
secondary
#A95F18
- RGB
- rgb(169 95 24)
- HSL
- hsl(29 75% 38%)
- OKLCH
- oklch(0.56 0.124 58.1)
WCAG contrast: on white 4.84:1 (AA) · on black 4.33:1 (Fail)
- #864916 color page →
accent
#864916
- RGB
- rgb(134 73 22)
- HSL
- hsl(27 72% 31%)
- OKLCH
- oklch(0.471 0.103 55.5)
WCAG contrast: on white 7.05:1 (AAA) · on black 2.97:1 (Fail)
- #5C3400 color page →
highlight
#5C3400
- RGB
- rgb(92 52 0)
- HSL
- hsl(34 100% 18%)
- OKLCH
- oklch(0.367 0.082 64.8)
WCAG contrast: on white 10.78:1 (AAA) · on black 1.94:1 (Fail)
- #341800 color page →
border
#341800
- RGB
- rgb(52 24 0)
- HSL
- hsl(28 100% 10%)
- OKLCH
- oklch(0.244 0.058 58.7)
WCAG contrast: on white 16.44:1 (AAA) · on black 1.27:1 (Fail)
- #120500 color page →
text
#120500
- RGB
- rgb(18 5 0)
- HSL
- hsl(17 100% 4%)
- OKLCH
- oklch(0.136 0.033 57)
WCAG contrast: on white 20.04:1 (AAA) · on black 1.04:1 (Fail)
Export Classic Light Brown Pulse: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2e8e0;
--surface: #edceb2;
--muted: #dea06e;
--primary: #cb8147;
--secondary: #a95f18;
--accent: #864916;
--highlight: #5c3400;
--border: #341800;
--text: #120500;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2e8e0;
--color-surface: #edceb2;
--color-muted: #dea06e;
--color-primary: #cb8147;
--color-secondary: #a95f18;
--color-accent: #864916;
--color-highlight: #5c3400;
--color-border: #341800;
--color-text: #120500;
}JSON (DTCG tokens)
{
"classic-light-brown-pulse-67i": {
"bg": {
"$type": "color",
"$value": "#f2e8e0"
},
"surface": {
"$type": "color",
"$value": "#edceb2"
},
"muted": {
"$type": "color",
"$value": "#dea06e"
},
"primary": {
"$type": "color",
"$value": "#cb8147"
},
"secondary": {
"$type": "color",
"$value": "#a95f18"
},
"accent": {
"$type": "color",
"$value": "#864916"
},
"highlight": {
"$type": "color",
"$value": "#5c3400"
},
"border": {
"$type": "color",
"$value": "#341800"
},
"text": {
"$type": "color",
"$value": "#120500"
}
}
}About this palette
Classic Light Brown Pulse is a 9-color OKLCH-ready palette tagged yellow, warm, monochromatic, 9 colors. Hex values: #F2E8E0, #EDCEB2, #DEA06E, #CB8147, #A95F18, #864916, #5C3400, #341800, #120500. APCA contrast score Lc 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 Classic Light Brown Pulse by OKLab color distance.