Palette · 5 colors · Lc 10
True Morocco Noir palette
True Morocco Noir: a 5-color palette (Orange, Gray, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F9F6F5, #CDB1A8, #B67367, #5E4039, #271C19, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9F6F5
surface
#CDB1A8
primary
#B67367
accent
#5E4039
text
#271C19
Colors in True Morocco Noir: HEX, RGB, HSL & OKLCH
- #F9F6F5 color page →
bg
#F9F6F5
- RGB
- rgb(249 246 245)
- HSL
- hsl(15 25% 97%)
- OKLCH
- oklch(0.975 0.003 39.5)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.52:1 (AAA)
- #CDB1A8 color page →
surface
#CDB1A8
- RGB
- rgb(205 177 168)
- HSL
- hsl(15 27% 73%)
- OKLCH
- oklch(0.782 0.035 38.6)
WCAG contrast: on white 2.00:1 (Fail) · on black 10.45:1 (AAA)
- #B67367 color page →
primary
#B67367
- RGB
- rgb(182 115 103)
- HSL
- hsl(9 35% 56%)
- OKLCH
- oklch(0.624 0.087 30.7)
WCAG contrast: on white 3.72:1 (Fail) · on black 5.63:1 (AA)
- #5E4039 color page →
accent
#5E4039
- RGB
- rgb(94 64 57)
- HSL
- hsl(11 25% 30%)
- OKLCH
- oklch(0.403 0.044 33.6)
WCAG contrast: on white 9.25:1 (AAA) · on black 2.26:1 (Fail)
- #271C19 color page →
text
#271C19
- RGB
- rgb(39 28 25)
- HSL
- hsl(13 22% 13%)
- OKLCH
- oklch(0.239 0.018 35.8)
WCAG contrast: on white 16.58:1 (AAA) · on black 1.26:1 (Fail)
Export True Morocco Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9f6f5;
--surface: #cdb1a8;
--primary: #b67367;
--accent: #5e4039;
--text: #271c19;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9f6f5;
--color-surface: #cdb1a8;
--color-primary: #b67367;
--color-accent: #5e4039;
--color-text: #271c19;
}JSON (DTCG tokens)
{
"true-morocco-noir-6ib": {
"bg": {
"$type": "color",
"$value": "#f9f6f5"
},
"surface": {
"$type": "color",
"$value": "#cdb1a8"
},
"primary": {
"$type": "color",
"$value": "#b67367"
},
"accent": {
"$type": "color",
"$value": "#5e4039"
},
"text": {
"$type": "color",
"$value": "#271c19"
}
}
}About this palette
True Morocco Noir is a 5-color OKLCH-ready palette tagged orange, gray, warm, 5 colors. Hex values: #F9F6F5, #CDB1A8, #B67367, #5E4039, #271C19. APCA contrast score Lc 10. 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 True Morocco Noir by OKLab color distance.