Morocco

#b67267

Dusty terracotta rose tone, softer and lighter

Save
Share

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 , it keeps more orange in the mix, with less of that hushed, muted restraint. And unlike , 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 , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
3.76:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.44:1FailAA Large

On Gray 900 #18181b

Aa
4.72:1AAAAA Large

On Black #000000

Aa
5.59:1AAAAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#b47463
#bb715b
#ab6f60
#bb7777

Create a gradient with Morocco

Open the generator with this color pre-loaded.

Start creating