Morocco
#b67267
Dusty terracotta rose tone, softer and lighter
About Morocco
Morocco reads like sun-baked clay with a softer glow. It's distinctly less red-burnt than Döner Kebab, so it doesn't feel like hot grill orange. Compared with Amaretto, it keeps more orange in the mix, with less of that hushed, muted restraint. And unlike Himalayan Salt, it doesn't go dusty or chalky. This one stays smoother, a touch deeper, and more "baked" than misted.
I reach for Morocco when orange needs to feel warm but not food-hot, especially in dashboards and lifestyle apps where you want status without pulling the UI toward peach. It's also a strong choice for e-commerce category badges, subscription state chips, and retail callouts on spice, skin-care, and home goods packaging, where you want an orange that looks finished, not bleached. Between it and Earthworm, Morocco sits a little farther from brick and a little closer to terracotta-orange balance.
Pair it with oat, cream, and warm taupe; avoid pairing with very cool whites unless you're okay with it turning more earthy on screen.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.