Royal Purple — 5-color palette
#2E1A47#5C2E73#8B5BA8#D4AF37#F5E6D3Hex codes
Hex
#2E1A47
RGB
46, 26, 71
HSL
267°, 46%, 19%
Hex
#5C2E73
RGB
92, 46, 115
HSL
280°, 43%, 32%
Hex
#8B5BA8
RGB
139, 91, 168
HSL
277°, 31%, 51%
Hex
#D4AF37
RGB
212, 175, 55
HSL
46°, 65%, 52%
Hex
#F5E6D3
RGB
245, 230, 211
HSL
34°, 63%, 89%
How to use this palette
The first color in Royal Purple 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 {
--royal-purple-1: #2E1A47;
--royal-purple-2: #5C2E73;
--royal-purple-3: #8B5BA8;
--royal-purple-4: #D4AF37;
--royal-purple-5: #F5E6D3;
}