Aurora — 5-color palette
#0D1B2A#1B263B#415A77#778DA9#E0E1DDHex codes
Hex
#0D1B2A
RGB
13, 27, 42
HSL
211°, 53%, 11%
Hex
#1B263B
RGB
27, 38, 59
HSL
219°, 37%, 17%
Hex
#415A77
RGB
65, 90, 119
HSL
212°, 29%, 36%
Hex
#778DA9
RGB
119, 141, 169
HSL
214°, 23%, 56%
Hex
#E0E1DD
RGB
224, 225, 221
HSL
75°, 6%, 87%
How to use this palette
The first color in Aurora 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 {
--aurora-1: #0D1B2A;
--aurora-2: #1B263B;
--aurora-3: #415A77;
--aurora-4: #778DA9;
--aurora-5: #E0E1DD;
}