Sign Up Sign Up
Retro 8

Retro 8

8-color palette · Cool · Dark · Triadic harmony

Back to Library

Retro 8

8-color palette · Cool temperature · Dark tone · Triadic harmony

Modify
Vibrant 8 colors Cool Dark Triadic colors space retro shading
Likes 107
Colors 8

CSS variables

:root {
  --c-vibrant-1: #041026;
  --c-vibrant-2: #051A44;
  --c-vibrant-3: #1F0398;
  --c-vibrant-4: #5000C3;
  --c-vibrant-5: #7521EE;
  --c-vibrant-6: #0099C3;
  --c-vibrant-7: #00C38F;
  --c-vibrant-8: #3EE3B7;
}

About this palette

This 8-color vibrant palette runs from Aphrodite Aqua (#3EE3B7) as its lightest tone to Void (#041026) as its darkest. It blends Void, Maastricht Blue, Blue Beetle, Elegant Midnight, Purple Blue, Atomic Blue, Blarney and Aphrodite Aqua into a single set you can drop straight into a UI. Of its 28 color pairings, 9 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #041026 on #3EE3B7 at 11.63:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Void #041026
RGB
rgb(4, 16, 38)
HSL
hsl(219, 81%, 8%)
Luminance
0.005
Maastricht Blue #051A44
RGB
rgb(5, 26, 68)
HSL
hsl(220, 86%, 14%)
Luminance
0.012
Blue Beetle #1F0398
RGB
rgb(31, 3, 152)
HSL
hsl(251, 96%, 30%)
Luminance
0.026
Elegant Midnight #5000C3
RGB
rgb(80, 0, 195)
HSL
hsl(265, 100%, 38%)
Luminance
0.057
Purple Blue #7521EE
RGB
rgb(117, 33, 238)
HSL
hsl(265, 86%, 53%)
Luminance
0.110
Atomic Blue #0099C3
RGB
rgb(0, 153, 195)
HSL
hsl(193, 100%, 38%)
Luminance
0.267
Blarney #00C38F
RGB
rgb(0, 195, 143)
HSL
hsl(164, 100%, 38%)
Luminance
0.410
Aphrodite Aqua #3EE3B7
RGB
rgb(62, 227, 183)
HSL
hsl(164, 75%, 57%)
Luminance
0.594

Contrast & accessibility

9 of 28 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #041026 on #3EE3B7 11.63:1 AAA
Aa #051A44 on #3EE3B7 10.40:1 AAA
Aa #1F0398 on #3EE3B7 8.45:1 AAA
Aa #041026 on #00C38F 8.31:1 AAA
Aa #051A44 on #00C38F 7.44:1 AAA
Aa #5000C3 on #3EE3B7 6.05:1 AA
Aa #1F0398 on #00C38F 6.04:1 AA
Aa #041026 on #0099C3 5.73:1 AA
Aa #051A44 on #0099C3 5.13:1 AA
Aa #5000C3 on #00C38F 4.32:1 AA Large
Aa #1F0398 on #0099C3 4.16:1 AA Large
Aa #7521EE on #3EE3B7 4.01:1 AA Large
Aa #5000C3 on #0099C3 2.98:1 Fail
Aa #041026 on #7521EE 2.90:1 Fail
Aa #7521EE on #00C38F 2.87:1 Fail
Aa #051A44 on #7521EE 2.59:1 Fail
Aa #1F0398 on #7521EE 2.10:1 Fail
Aa #0099C3 on #3EE3B7 2.03:1 Fail
Aa #7521EE on #0099C3 1.98:1 Fail
Aa #041026 on #5000C3 1.92:1 Fail
Aa #051A44 on #5000C3 1.72:1 Fail
Aa #5000C3 on #7521EE 1.51:1 Fail
Aa #0099C3 on #00C38F 1.45:1 Fail
Aa #1F0398 on #5000C3 1.40:1 Fail
Aa #00C38F on #3EE3B7 1.40:1 Fail
Aa #041026 on #1F0398 1.38:1 Fail
Aa #051A44 on #1F0398 1.23:1 Fail
Aa #041026 on #051A44 1.12:1 Fail

Similar palettes

#212121 #323232 #0D7377 #14FFEC
4 colors
#0A2647 #144272 #205295 #2C74B3
4 colors
#040D12 #183D3D #5C8374 #93B1A6
4 colors
#142850 #27496D #0C7B93 #00A8CC
4 colors
#635985 #443C68 #393053 #18122B
4 colors
#000000 #150050 #3F0071 #610094
4 colors
#151515 #301B3F #3C415C #B4A5A5
4 colors
#041C32 #04293A #064663 #ECB365
4 colors