Palette · 8 colors · Lc 9.5
Morocco Cascade palette
Morocco Cascade: a 8-color palette (Orange, Warm, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #0B0504, #361912, #5F2C24, #8C493B, #BA7163, #D28F7A, #E0BAAF, #FBECE9, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Orange
- Warm
- Monochromatic
- 8 Colors
bg
#0B0504
surface
#361912
muted
#5F2C24
primary
#8C493B
secondary
#BA7163
accent
#D28F7A
highlight
#E0BAAF
text
#FBECE9
Colors in Morocco Cascade: HEX, RGB, HSL & OKLCH
- #0B0504 color page →
bg
#0B0504
- RGB
- rgb(11 5 4)
- HSL
- hsl(9 47% 3%)
- OKLCH
- oklch(0.125 0.014 33.3)
WCAG contrast: on white 20.23:1 (AAA) · on black 1.03:1 (Fail)
- #361912 color page →
surface
#361912
- RGB
- rgb(54 25 18)
- HSL
- hsl(12 50% 14%)
- OKLCH
- oklch(0.253 0.048 34.6)
WCAG contrast: on white 16.09:1 (AAA) · on black 1.30:1 (Fail)
- #5F2C24 color page →
muted
#5F2C24
- RGB
- rgb(95 44 36)
- HSL
- hsl(8 45% 26%)
- OKLCH
- oklch(0.361 0.076 30.4)
WCAG contrast: on white 11.21:1 (AAA) · on black 1.87:1 (Fail)
- #8C493B color page →
primary
#8C493B
- RGB
- rgb(140 73 59)
- HSL
- hsl(10 41% 39%)
- OKLCH
- oklch(0.484 0.094 32.9)
WCAG contrast: on white 6.70:1 (AA) · on black 3.13:1 (Fail)
- #BA7163 color page →
secondary
#BA7163
- RGB
- rgb(186 113 99)
- HSL
- hsl(10 39% 56%)
- OKLCH
- oklch(0.624 0.096 31.6)
WCAG contrast: on white 3.72:1 (Fail) · on black 5.63:1 (AA)
- #D28F7A color page →
accent
#D28F7A
- RGB
- rgb(210 143 122)
- HSL
- hsl(14 49% 65%)
- OKLCH
- oklch(0.712 0.088 38.1)
WCAG contrast: on white 2.64:1 (Fail) · on black 7.95:1 (AAA)
- #E0BAAF color page →
highlight
#E0BAAF
- RGB
- rgb(224 186 175)
- HSL
- hsl(13 44% 78%)
- OKLCH
- oklch(0.819 0.047 36.7)
WCAG contrast: on white 1.77:1 (Fail) · on black 11.81:1 (AAA)
- #FBECE9 color page →
text
#FBECE9
- RGB
- rgb(251 236 233)
- HSL
- hsl(10 69% 95%)
- OKLCH
- oklch(0.954 0.017 31.1)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.27:1 (AAA)
Export Morocco Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0b0504;
--surface: #361912;
--muted: #5f2c24;
--primary: #8c493b;
--secondary: #ba7163;
--accent: #d28f7a;
--highlight: #e0baaf;
--text: #fbece9;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0b0504;
--color-surface: #361912;
--color-muted: #5f2c24;
--color-primary: #8c493b;
--color-secondary: #ba7163;
--color-accent: #d28f7a;
--color-highlight: #e0baaf;
--color-text: #fbece9;
}JSON (DTCG tokens)
{
"morocco-cascade-4h4": {
"bg": {
"$type": "color",
"$value": "#0b0504"
},
"surface": {
"$type": "color",
"$value": "#361912"
},
"muted": {
"$type": "color",
"$value": "#5f2c24"
},
"primary": {
"$type": "color",
"$value": "#8c493b"
},
"secondary": {
"$type": "color",
"$value": "#ba7163"
},
"accent": {
"$type": "color",
"$value": "#d28f7a"
},
"highlight": {
"$type": "color",
"$value": "#e0baaf"
},
"text": {
"$type": "color",
"$value": "#fbece9"
}
}
}About this palette
Morocco Cascade is a 8-color OKLCH-ready palette tagged orange, warm, monochromatic, 8 colors. Hex values: #0B0504, #361912, #5F2C24, #8C493B, #BA7163, #D28F7A, #E0BAAF, #FBECE9. 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 Morocco Cascade by OKLab color distance.