← All palettes

Moroccan

Moroccan is a warm, vibrant five-colour palette of red, orange and yellow tones.

Where this palette works

The Moroccan palette brings together red, orange and yellow in a warm, vibrant five-colour scheme that runs from light tints to deep shades. It suits energetic brands, food and drink, events and standout calls to action. Its darkest and lightest colours reach 13.07:1 contrast — past WCAG AAA, so that pairing is safe for body text. Click any swatch to copy its hex, or export the set as CSS variables, a Tailwind config or JSON.

Every code

CSS variables