Moody Purple — 5-color palette
#1A0B2E#3E1A78#6B2D8C#A659D9#E0A8FFHex codes
Hex
#1A0B2E
RGB
26, 11, 46
HSL
266°, 61%, 11%
Hex
#3E1A78
RGB
62, 26, 120
HSL
263°, 64%, 29%
Hex
#6B2D8C
RGB
107, 45, 140
HSL
279°, 51%, 36%
Hex
#A659D9
RGB
166, 89, 217
HSL
276°, 63%, 60%
Hex
#E0A8FF
RGB
224, 168, 255
HSL
279°, 100%, 83%
How to use this palette
The first color in Moody 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 {
--moody-purple-1: #1A0B2E;
--moody-purple-2: #3E1A78;
--moody-purple-3: #6B2D8C;
--moody-purple-4: #A659D9;
--moody-purple-5: #E0A8FF;
}