Moroccan Spice — 5-color palette
#C24914#E2A65A#7CA982#3E5C76#F2C28EHex codes
Hex
#C24914
RGB
194, 73, 20
HSL
18°, 81%, 42%
Hex
#E2A65A
RGB
226, 166, 90
HSL
34°, 70%, 62%
Hex
#7CA982
RGB
124, 169, 130
HSL
128°, 21%, 57%
Hex
#3E5C76
RGB
62, 92, 118
HSL
208°, 31%, 35%
Hex
#F2C28E
RGB
242, 194, 142
HSL
31°, 79%, 75%
How to use this palette
The first color in Moroccan Spice is the dominant tone — use it for primary surfaces and backgrounds. The middle three are the supporting palette: one warm, one cool, one neutral. The last is the accent — reserve it for highlights, calls-to-action, and emphasis.
For web projects, copy the CSS variables below. For print or illustration, use the hex codes directly. If you’re designing for accessibility, check the contrast between the text and background colors before you ship.
CSS
:root {
--moroccan-spice-1: #C24914;
--moroccan-spice-2: #E2A65A;
--moroccan-spice-3: #7CA982;
--moroccan-spice-4: #3E5C76;
--moroccan-spice-5: #F2C28E;
}