Palette · 9 colors · Lc 8.6
Morocco Prism palette
Morocco Prism: a 9-color palette (Orange, Gray, Warm, Monochromatic). HEX, RGB, HSL and OKLCH for #EFEBEA, #E1C1BB, #CCA29E, #B47972, #8B6057, #75463D, #5A322B, #2C1713, #060505, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Orange
- Gray
- Warm
- Monochromatic
- 9 Colors
bg
#EFEBEA
surface
#E1C1BB
muted
#CCA29E
primary
#B47972
secondary
#8B6057
accent
#75463D
highlight
#5A322B
border
#2C1713
text
#060505
Colors in Morocco Prism: HEX, RGB, HSL & OKLCH
- #EFEBEA color page →
bg
#EFEBEA
- RGB
- rgb(239 235 234)
- HSL
- hsl(12 14% 93%)
- OKLCH
- oklch(0.943 0.005 34.3)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.74:1 (AAA)
- #E1C1BB color page →
surface
#E1C1BB
- RGB
- rgb(225 193 187)
- HSL
- hsl(9 39% 81%)
- OKLCH
- oklch(0.837 0.038 30.4)
WCAG contrast: on white 1.67:1 (Fail) · on black 12.54:1 (AAA)
- #CCA29E color page →
muted
#CCA29E
- RGB
- rgb(204 162 158)
- HSL
- hsl(5 31% 71%)
- OKLCH
- oklch(0.749 0.05 24.6)
WCAG contrast: on white 2.27:1 (Fail) · on black 9.22:1 (AAA)
- #B47972 color page →
primary
#B47972
- RGB
- rgb(180 121 114)
- HSL
- hsl(6 31% 58%)
- OKLCH
- oklch(0.635 0.075 26.8)
WCAG contrast: on white 3.54:1 (Fail) · on black 5.91:1 (AA)
- #8B6057 color page →
secondary
#8B6057
- RGB
- rgb(139 96 87)
- HSL
- hsl(10 23% 44%)
- OKLCH
- oklch(0.532 0.058 32.2)
WCAG contrast: on white 5.37:1 (AA) · on black 3.90:1 (Fail)
- #75463D color page →
accent
#75463D
- RGB
- rgb(117 70 61)
- HSL
- hsl(10 31% 35%)
- OKLCH
- oklch(0.447 0.067 31.6)
WCAG contrast: on white 7.77:1 (AAA) · on black 2.69:1 (Fail)
- #5A322B color page →
highlight
#5A322B
- RGB
- rgb(90 50 43)
- HSL
- hsl(9 35% 26%)
- OKLCH
- oklch(0.366 0.06 30.8)
WCAG contrast: on white 10.90:1 (AAA) · on black 1.92:1 (Fail)
- #2C1713 color page →
border
#2C1713
- RGB
- rgb(44 23 19)
- HSL
- hsl(10 40% 12%)
- OKLCH
- oklch(0.232 0.035 31.5)
WCAG contrast: on white 16.94:1 (AAA) · on black 1.23:1 (Fail)
- #060505 color page →
text
#060505
- RGB
- rgb(6 5 5)
- HSL
- hsl(0 9% 2%)
- OKLCH
- oklch(0.117 0.003 17.5)
WCAG contrast: on white 20.35:1 (AAA) · on black 1.03:1 (Fail)
Export Morocco Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #efebea;
--surface: #e1c1bb;
--muted: #cca29e;
--primary: #b47972;
--secondary: #8b6057;
--accent: #75463d;
--highlight: #5a322b;
--border: #2c1713;
--text: #060505;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #efebea;
--color-surface: #e1c1bb;
--color-muted: #cca29e;
--color-primary: #b47972;
--color-secondary: #8b6057;
--color-accent: #75463d;
--color-highlight: #5a322b;
--color-border: #2c1713;
--color-text: #060505;
}JSON (DTCG tokens)
{
"morocco-prism-7e2": {
"bg": {
"$type": "color",
"$value": "#efebea"
},
"surface": {
"$type": "color",
"$value": "#e1c1bb"
},
"muted": {
"$type": "color",
"$value": "#cca29e"
},
"primary": {
"$type": "color",
"$value": "#b47972"
},
"secondary": {
"$type": "color",
"$value": "#8b6057"
},
"accent": {
"$type": "color",
"$value": "#75463d"
},
"highlight": {
"$type": "color",
"$value": "#5a322b"
},
"border": {
"$type": "color",
"$value": "#2c1713"
},
"text": {
"$type": "color",
"$value": "#060505"
}
}
}About this palette
Morocco Prism is a 9-color OKLCH-ready palette tagged orange, gray, warm, monochromatic, 9 colors. Hex values: #EFEBEA, #E1C1BB, #CCA29E, #B47972, #8B6057, #75463D, #5A322B, #2C1713, #060505. APCA contrast score Lc 8.6. 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 Prism by OKLab color distance.