Aurora Night
A complete five-role scheme. vibrant and creative in character — tagged for gaming, tech.
#7c3aed #2dd4bf #f472b6 #0e1026 #e9e7f7 Ship your next idea faster
Everything you need to launch, in one place.
Get started Learn moreOpen this scheme in the Studio →
Color values
| Role | Hex | RGB | HSL |
|---|---|---|---|
| primary | #7c3aed | 124, 58, 237 | 262°, 83%, 58% |
| secondary | #2dd4bf | 45, 212, 191 | 172°, 66%, 50% |
| accent | #f472b6 | 244, 114, 182 | 329°, 86%, 70% |
| background | #0e1026 | 14, 16, 38 | 235°, 46%, 10% |
| text | #e9e7f7 | 233, 231, 247 | 248°, 50%, 94% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 15.38 | AAA |
| primary on background | 3.29 | AA-large |
| secondary on background | 10.07 | AAA |
| accent on background | 7.07 | AAA |
| background on primary | 3.29 | AA-large |
| background on accent | 7.07 | AAA |
CSS variables
:root {
--color-primary: #7c3aed;
--color-secondary: #2dd4bf;
--color-accent: #f472b6;
--color-bg: #0e1026;
--color-text: #e9e7f7;
}Tailwind
colors: {
primary: '#7c3aed',
secondary: '#2dd4bf',
accent: '#f472b6',
background: '#0e1026',
text: '#e9e7f7',
}Best text pairings
The strongest foreground/background combinations in Aurora Night, ranked by WCAG contrast. Darker color set as the text; ratios of 4.5:1+ suit body copy, 7:1+ meet AAA.
Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — background on text — clears AAA comfortably.
#0e1026 on #e9e7f7 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — background on secondary — clears AAA comfortably.
#0e1026 on #2dd4bf Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — background on accent — clears AAA comfortably.
#0e1026 on #f472b6 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — primary on text — meets AA for body text.
#7c3aed on #e9e7f7