Sign Up Sign Up
Cyberpunk Neons

Cyberpunk Neons

11-color palette · Cool · Dark · Complementary harmony

Back to Library

Cyberpunk Neons

11-color palette · Cool temperature · Dark tone · Complementary harmony

Modify
Muted 11 colors Cool Dark Complementary cyberpunk neon cyber bna
Likes 131
Colors 11

CSS variables

:root {
  --c-muted-1: #53EBE4;
  --c-muted-2: #0F9595;
  --c-muted-3: #084F64;
  --c-muted-4: #03274C;
  --c-muted-5: #08173D;
  --c-muted-6: #0B001B;
  --c-muted-7: #4D004F;
  --c-muted-8: #C1115A;
  --c-muted-9: #E13A6A;
  --c-muted-10: #E46A87;
  --c-muted-11: #ECA6C0;
}

About this palette

This 11-color muted palette runs from Near Moon (#53EBE4) as its lightest tone to Midnight Jam (#0B001B) as its darkest. It blends Near Moon, Peacock Feather, Hanada Blue, Royal Blue Metallic, Navy, Midnight Jam, Beaten Purple, Velvet Magic, 1989 Miami Hotline, Cherry Brandy and Hushed Rose into a single set you can drop straight into a UI. Of its 55 color pairings, 17 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #53EBE4 on #0B001B at 13.95:1.

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

Color breakdown

Near Moon #53EBE4
RGB
rgb(83, 235, 228)
HSL
hsl(177, 79%, 62%)
Luminance
0.669
Peacock Feather #0F9595
RGB
rgb(15, 149, 149)
HSL
hsl(180, 82%, 32%)
Luminance
0.238
Hanada Blue #084F64
RGB
rgb(8, 79, 100)
HSL
hsl(194, 85%, 21%)
Luminance
0.066
Royal Blue Metallic #03274C
RGB
rgb(3, 39, 76)
HSL
hsl(210, 92%, 15%)
Luminance
0.020
Navy #08173D
RGB
rgb(8, 23, 61)
HSL
hsl(223, 77%, 14%)
Luminance
0.010
Midnight Jam #0B001B
RGB
rgb(11, 0, 27)
HSL
hsl(264, 100%, 5%)
Luminance
0.002
Beaten Purple #4D004F
RGB
rgb(77, 0, 79)
HSL
hsl(298, 100%, 15%)
Luminance
0.021
Velvet Magic #C1115A
RGB
rgb(193, 17, 90)
HSL
hsl(335, 84%, 41%)
Luminance
0.125
1989 Miami Hotline #E13A6A
RGB
rgb(225, 58, 106)
HSL
hsl(343, 74%, 55%)
Luminance
0.201
Cherry Brandy #E46A87
RGB
rgb(228, 106, 135)
HSL
hsl(346, 69%, 65%)
Luminance
0.286
Hushed Rose #ECA6C0
RGB
rgb(236, 166, 192)
HSL
hsl(338, 65%, 79%)
Luminance
0.489

Contrast & accessibility

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

Aa #53EBE4 on #0B001B 13.95:1 AAA
Aa #53EBE4 on #08173D 11.97:1 AAA
Aa #0B001B on #ECA6C0 10.47:1 AAA
Aa #53EBE4 on #03274C 10.28:1 AAA
Aa #53EBE4 on #4D004F 10.06:1 AAA
Aa #08173D on #ECA6C0 8.98:1 AAA
Aa #03274C on #ECA6C0 7.71:1 AAA
Aa #4D004F on #ECA6C0 7.55:1 AAA
Aa #0B001B on #E46A87 6.51:1 AA
Aa #53EBE4 on #084F64 6.21:1 AA
Aa #0F9595 on #0B001B 5.59:1 AA
Aa #08173D on #E46A87 5.59:1 AA
Aa #0B001B on #E13A6A 4.87:1 AA
Aa #03274C on #E46A87 4.80:1 AA
Aa #0F9595 on #08173D 4.79:1 AA
Aa #4D004F on #E46A87 4.70:1 AA
Aa #084F64 on #ECA6C0 4.66:1 AA
Aa #08173D on #E13A6A 4.18:1 AA Large
Aa #53EBE4 on #C1115A 4.11:1 AA Large
Aa #0F9595 on #03274C 4.11:1 AA Large
Aa #0F9595 on #4D004F 4.03:1 AA Large
Aa #03274C on #E13A6A 3.59:1 AA Large
Aa #4D004F on #E13A6A 3.51:1 AA Large
Aa #0B001B on #C1115A 3.39:1 AA Large
Aa #C1115A on #ECA6C0 3.08:1 AA Large
Aa #08173D on #C1115A 2.91:1 Fail
Aa #084F64 on #E46A87 2.90:1 Fail
Aa #53EBE4 on #E13A6A 2.87:1 Fail
Aa #53EBE4 on #0F9595 2.50:1 Fail
Aa #03274C on #C1115A 2.50:1 Fail
Aa #0F9595 on #084F64 2.49:1 Fail
Aa #4D004F on #C1115A 2.45:1 Fail
Aa #084F64 on #0B001B 2.25:1 Fail
Aa #084F64 on #E13A6A 2.17:1 Fail
Aa #E13A6A on #ECA6C0 2.15:1 Fail
Aa #53EBE4 on #E46A87 2.14:1 Fail
Aa #084F64 on #08173D 1.93:1 Fail
Aa #C1115A on #E46A87 1.92:1 Fail
Aa #0F9595 on #ECA6C0 1.87:1 Fail
Aa #0F9595 on #C1115A 1.65:1 Fail
Aa #084F64 on #03274C 1.65:1 Fail
Aa #084F64 on #4D004F 1.62:1 Fail
Aa #E46A87 on #ECA6C0 1.61:1 Fail
Aa #084F64 on #C1115A 1.51:1 Fail
Aa #C1115A on #E13A6A 1.43:1 Fail
Aa #0B001B on #4D004F 1.39:1 Fail
Aa #03274C on #0B001B 1.36:1 Fail
Aa #E13A6A on #E46A87 1.34:1 Fail
Aa #53EBE4 on #ECA6C0 1.33:1 Fail
Aa #08173D on #4D004F 1.19:1 Fail
Aa #0F9595 on #E46A87 1.17:1 Fail
Aa #03274C on #08173D 1.17:1 Fail
Aa #08173D on #0B001B 1.17:1 Fail
Aa #0F9595 on #E13A6A 1.15:1 Fail
Aa #03274C on #4D004F 1.02: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