Midnight Garden — 5-color palette
#0A0E27#1A1F3A#3D4A6B#E8E2D0#9B8FB7Hex codes
Hex
#0A0E27
RGB
10, 14, 39
HSL
232°, 59%, 10%
Hex
#1A1F3A
RGB
26, 31, 58
HSL
231°, 38%, 16%
Hex
#3D4A6B
RGB
61, 74, 107
HSL
223°, 27%, 33%
Hex
#E8E2D0
RGB
232, 226, 208
HSL
45°, 34%, 86%
Hex
#9B8FB7
RGB
155, 143, 183
HSL
258°, 22%, 64%
How to use this palette
The first color in Midnight Garden 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 {
--midnight-garden-1: #0A0E27;
--midnight-garden-2: #1A1F3A;
--midnight-garden-3: #3D4A6B;
--midnight-garden-4: #E8E2D0;
--midnight-garden-5: #9B8FB7;
}