Sign Up Sign Up
DR Neon Reflection

DR Neon Reflection

12-color palette · Cool · Mixed · Complementary harmony

Back to Library

DR Neon Reflection

12-color palette · Cool temperature · Mixed tone · Complementary harmony

Modify
Muted 12 colors Cool Mixed Complementary blue bright videogame galaxy
Likes 58
Colors 12

CSS variables

:root {
  --c-muted-1: #B1E2E7;
  --c-muted-2: #5BE4B9;
  --c-muted-3: #10BDC6;
  --c-muted-4: #517CB8;
  --c-muted-5: #394072;
  --c-muted-6: #7441AE;
  --c-muted-7: #BB49D7;
  --c-muted-8: #F69DBD;
  --c-muted-9: #D8D272;
  --c-muted-10: #F3AD58;
  --c-muted-11: #E74A9D;
  --c-muted-12: #AF517A;
}

About this palette

This 12-color muted palette runs from Across the Bay (#B1E2E7) as its lightest tone to Lviv Blue (#394072) as its darkest. It blends Across the Bay, Ocean in a Bowl, Cala Benirrás Blue, Diva Violet, Lviv Blue, Shiner, Ultraviolet Onsible, Amaranth Pink, Lime Tree, Pani Puri, Schiaparelli Pink and Diva Glam into a single set you can drop straight into a UI. Of its 66 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #B1E2E7 on #394072 at 6.93:1.

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

Color breakdown

Across the Bay #B1E2E7
RGB
rgb(177, 226, 231)
HSL
hsl(186, 53%, 80%)
Luminance
0.695
Ocean in a Bowl #5BE4B9
RGB
rgb(91, 228, 185)
HSL
hsl(161, 72%, 63%)
Luminance
0.612
Cala Benirrás Blue #10BDC6
RGB
rgb(16, 189, 198)
HSL
hsl(183, 85%, 42%)
Luminance
0.406
Diva Violet #517CB8
RGB
rgb(81, 124, 184)
HSL
hsl(215, 42%, 52%)
Luminance
0.196
Lviv Blue #394072
RGB
rgb(57, 64, 114)
HSL
hsl(233, 33%, 34%)
Luminance
0.058
Shiner #7441AE
RGB
rgb(116, 65, 174)
HSL
hsl(268, 46%, 47%)
Luminance
0.106
Ultraviolet Onsible #BB49D7
RGB
rgb(187, 73, 215)
HSL
hsl(288, 64%, 56%)
Luminance
0.202
Amaranth Pink #F69DBD
RGB
rgb(246, 157, 189)
HSL
hsl(338, 83%, 79%)
Luminance
0.474
Lime Tree #D8D272
RGB
rgb(216, 210, 114)
HSL
hsl(56, 57%, 65%)
Luminance
0.619
Pani Puri #F3AD58
RGB
rgb(243, 173, 88)
HSL
hsl(33, 87%, 65%)
Luminance
0.497
Schiaparelli Pink #E74A9D
RGB
rgb(231, 74, 157)
HSL
hsl(328, 77%, 60%)
Luminance
0.243
Diva Glam #AF517A
RGB
rgb(175, 81, 122)
HSL
hsl(334, 37%, 50%)
Luminance
0.164

Contrast & accessibility

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

Aa #B1E2E7 on #394072 6.93:1 AA
Aa #394072 on #D8D272 6.22:1 AA
Aa #5BE4B9 on #394072 6.16:1 AA
Aa #394072 on #F3AD58 5.08:1 AA
Aa #394072 on #F69DBD 4.87:1 AA
Aa #B1E2E7 on #7441AE 4.79:1 AA
Aa #7441AE on #D8D272 4.30:1 AA Large
Aa #5BE4B9 on #7441AE 4.26:1 AA Large
Aa #10BDC6 on #394072 4.24:1 AA Large
Aa #7441AE on #F3AD58 3.51:1 AA Large
Aa #B1E2E7 on #AF517A 3.48:1 AA Large
Aa #7441AE on #F69DBD 3.37:1 AA Large
Aa #D8D272 on #AF517A 3.13:1 AA Large
Aa #5BE4B9 on #AF517A 3.09:1 AA Large
Aa #B1E2E7 on #517CB8 3.03:1 AA Large
Aa #B1E2E7 on #BB49D7 2.95:1 Fail
Aa #10BDC6 on #7441AE 2.93:1 Fail
Aa #394072 on #E74A9D 2.73:1 Fail
Aa #517CB8 on #D8D272 2.72:1 Fail
Aa #5BE4B9 on #517CB8 2.69:1 Fail
Aa #BB49D7 on #D8D272 2.65:1 Fail
Aa #5BE4B9 on #BB49D7 2.62:1 Fail
Aa #F3AD58 on #AF517A 2.55:1 Fail
Aa #B1E2E7 on #E74A9D 2.54:1 Fail
Aa #F69DBD on #AF517A 2.45:1 Fail
Aa #394072 on #BB49D7 2.35:1 Fail
Aa #517CB8 on #394072 2.29:1 Fail
Aa #D8D272 on #E74A9D 2.28:1 Fail
Aa #5BE4B9 on #E74A9D 2.26:1 Fail
Aa #517CB8 on #F3AD58 2.22:1 Fail
Aa #BB49D7 on #F3AD58 2.17:1 Fail
Aa #10BDC6 on #AF517A 2.13:1 Fail
Aa #517CB8 on #F69DBD 2.13:1 Fail
Aa #BB49D7 on #F69DBD 2.08:1 Fail
Aa #394072 on #AF517A 1.99:1 Fail
Aa #7441AE on #E74A9D 1.89:1 Fail
Aa #F3AD58 on #E74A9D 1.86:1 Fail
Aa #10BDC6 on #517CB8 1.85:1 Fail
Aa #10BDC6 on #BB49D7 1.81:1 Fail
Aa #F69DBD on #E74A9D 1.79:1 Fail
Aa #B1E2E7 on #10BDC6 1.63:1 Fail
Aa #7441AE on #BB49D7 1.62:1 Fail
Aa #517CB8 on #7441AE 1.58:1 Fail
Aa #10BDC6 on #E74A9D 1.55:1 Fail
Aa #10BDC6 on #D8D272 1.47:1 Fail
Aa #5BE4B9 on #10BDC6 1.45:1 Fail
Aa #394072 on #7441AE 1.45:1 Fail
Aa #B1E2E7 on #F69DBD 1.42:1 Fail
Aa #7441AE on #AF517A 1.38:1 Fail
Aa #E74A9D on #AF517A 1.37:1 Fail
Aa #B1E2E7 on #F3AD58 1.36:1 Fail
Aa #F69DBD on #D8D272 1.28:1 Fail
Aa #5BE4B9 on #F69DBD 1.26:1 Fail
Aa #D8D272 on #F3AD58 1.22:1 Fail
Aa #5BE4B9 on #F3AD58 1.21:1 Fail
Aa #10BDC6 on #F3AD58 1.20:1 Fail
Aa #517CB8 on #E74A9D 1.19:1 Fail
Aa #BB49D7 on #AF517A 1.18:1 Fail
Aa #BB49D7 on #E74A9D 1.16:1 Fail
Aa #10BDC6 on #F69DBD 1.15:1 Fail
Aa #517CB8 on #AF517A 1.15:1 Fail
Aa #B1E2E7 on #5BE4B9 1.13:1 Fail
Aa #B1E2E7 on #D8D272 1.11:1 Fail
Aa #F69DBD on #F3AD58 1.04:1 Fail
Aa #517CB8 on #BB49D7 1.02:1 Fail
Aa #5BE4B9 on #D8D272 1.01:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors