Sign Up Sign Up
Nebulosa !

Nebulosa !

12-color palette · Cool · Mixed · Triadic harmony

Back to Library

Nebulosa !

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

Modify
Vibrant 12 colors Cool Mixed Triadic pixelart nebula space
Likes 100
Colors 12

CSS variables

:root {
  --c-vibrant-1: #221569;
  --c-vibrant-2: #3B2799;
  --c-vibrant-3: #4A2ECA;
  --c-vibrant-4: #A83CF0;
  --c-vibrant-5: #DB3CF0;
  --c-vibrant-6: #F465EE;
  --c-vibrant-7: #B5E6FF;
  --c-vibrant-8: #84D5FE;
  --c-vibrant-9: #4EC0E8;
  --c-vibrant-10: #4EA3DC;
  --c-vibrant-11: #3187D4;
  --c-vibrant-12: #314AD4;
}

About this palette

This 12-color vibrant palette runs from Frozen Landscape (#B5E6FF) as its lightest tone to Ocean Abyss (#221569) as its darkest. It blends Ocean Abyss, Gentian Blue, Grape Hyacinth, Sweet Desire, Apple II Magenta, Pink Ping, Frozen Landscape, Kul Sharif Blue, Clean Pool, Waimea Blue, Soothing Sapphire and New Car into a single set you can drop straight into a UI. Of its 66 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #221569 on #B5E6FF at 11.4:1.

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

Color breakdown

Ocean Abyss #221569
RGB
rgb(34, 21, 105)
HSL
hsl(249, 67%, 25%)
Luminance
0.019
Gentian Blue #3B2799
RGB
rgb(59, 39, 153)
HSL
hsl(251, 59%, 38%)
Luminance
0.047
Grape Hyacinth #4A2ECA
RGB
rgb(74, 46, 202)
HSL
hsl(251, 63%, 49%)
Luminance
0.077
Sweet Desire #A83CF0
RGB
rgb(168, 60, 240)
HSL
hsl(276, 86%, 59%)
Luminance
0.179
Apple II Magenta #DB3CF0
RGB
rgb(219, 60, 240)
HSL
hsl(293, 86%, 59%)
Luminance
0.246
Pink Ping #F465EE
RGB
rgb(244, 101, 238)
HSL
hsl(303, 87%, 68%)
Luminance
0.347
Frozen Landscape #B5E6FF
RGB
rgb(181, 230, 255)
HSL
hsl(200, 100%, 85%)
Luminance
0.736
Kul Sharif Blue #84D5FE
RGB
rgb(132, 213, 254)
HSL
hsl(200, 98%, 76%)
Luminance
0.597
Clean Pool #4EC0E8
RGB
rgb(78, 192, 232)
HSL
hsl(196, 77%, 61%)
Luminance
0.452
Waimea Blue #4EA3DC
RGB
rgb(78, 163, 220)
HSL
hsl(204, 67%, 58%)
Luminance
0.330
Soothing Sapphire #3187D4
RGB
rgb(49, 135, 212)
HSL
hsl(208, 65%, 51%)
Luminance
0.227
New Car #314AD4
RGB
rgb(49, 74, 212)
HSL
hsl(231, 65%, 51%)
Luminance
0.103

Contrast & accessibility

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

Aa #221569 on #B5E6FF 11.40:1 AAA
Aa #221569 on #84D5FE 9.37:1 AAA
Aa #3B2799 on #B5E6FF 8.12:1 AAA
Aa #221569 on #4EC0E8 7.27:1 AAA
Aa #3B2799 on #84D5FE 6.68:1 AA
Aa #4A2ECA on #B5E6FF 6.20:1 AA
Aa #221569 on #F465EE 5.76:1 AA
Aa #221569 on #4EA3DC 5.51:1 AA
Aa #3B2799 on #4EC0E8 5.18:1 AA
Aa #B5E6FF on #314AD4 5.14:1 AA
Aa #4A2ECA on #84D5FE 5.10:1 AA
Aa #221569 on #DB3CF0 4.29:1 AA Large
Aa #84D5FE on #314AD4 4.22:1 AA Large
Aa #3B2799 on #F465EE 4.10:1 AA Large
Aa #221569 on #3187D4 4.02:1 AA Large
Aa #4A2ECA on #4EC0E8 3.96:1 AA Large
Aa #3B2799 on #4EA3DC 3.92:1 AA Large
Aa #A83CF0 on #B5E6FF 3.44:1 AA Large
Aa #221569 on #A83CF0 3.31:1 AA Large
Aa #4EC0E8 on #314AD4 3.28:1 AA Large
Aa #4A2ECA on #F465EE 3.13:1 AA Large
Aa #3B2799 on #DB3CF0 3.06:1 AA Large
Aa #4A2ECA on #4EA3DC 3.00:1 AA Large
Aa #3B2799 on #3187D4 2.86:1 Fail
Aa #B5E6FF on #3187D4 2.84:1 Fail
Aa #A83CF0 on #84D5FE 2.83:1 Fail
Aa #DB3CF0 on #B5E6FF 2.66:1 Fail
Aa #F465EE on #314AD4 2.59:1 Fail
Aa #4EA3DC on #314AD4 2.48:1 Fail
Aa #3B2799 on #A83CF0 2.36:1 Fail
Aa #4A2ECA on #DB3CF0 2.33:1 Fail
Aa #84D5FE on #3187D4 2.33:1 Fail
Aa #221569 on #314AD4 2.22:1 Fail
Aa #4A2ECA on #3187D4 2.19:1 Fail
Aa #A83CF0 on #4EC0E8 2.19:1 Fail
Aa #DB3CF0 on #84D5FE 2.19:1 Fail
Aa #B5E6FF on #4EA3DC 2.07:1 Fail
Aa #F465EE on #B5E6FF 1.98:1 Fail
Aa #DB3CF0 on #314AD4 1.93:1 Fail
Aa #221569 on #4A2ECA 1.84:1 Fail
Aa #4EC0E8 on #3187D4 1.81:1 Fail
Aa #3187D4 on #314AD4 1.81:1 Fail
Aa #4A2ECA on #A83CF0 1.80:1 Fail
Aa #A83CF0 on #F465EE 1.74:1 Fail
Aa #DB3CF0 on #4EC0E8 1.70:1 Fail
Aa #84D5FE on #4EA3DC 1.70:1 Fail
Aa #A83CF0 on #4EA3DC 1.66:1 Fail
Aa #F465EE on #84D5FE 1.63:1 Fail
Aa #3B2799 on #314AD4 1.58:1 Fail
Aa #B5E6FF on #4EC0E8 1.57:1 Fail
Aa #A83CF0 on #314AD4 1.49:1 Fail
Aa #F465EE on #3187D4 1.43:1 Fail
Aa #221569 on #3B2799 1.40:1 Fail
Aa #4EA3DC on #3187D4 1.37:1 Fail
Aa #DB3CF0 on #F465EE 1.34:1 Fail
Aa #4EC0E8 on #4EA3DC 1.32:1 Fail
Aa #3B2799 on #4A2ECA 1.31:1 Fail
Aa #A83CF0 on #DB3CF0 1.29:1 Fail
Aa #84D5FE on #4EC0E8 1.29:1 Fail
Aa #DB3CF0 on #4EA3DC 1.28:1 Fail
Aa #F465EE on #4EC0E8 1.26:1 Fail
Aa #B5E6FF on #84D5FE 1.22:1 Fail
Aa #4A2ECA on #314AD4 1.21:1 Fail
Aa #A83CF0 on #3187D4 1.21:1 Fail
Aa #DB3CF0 on #3187D4 1.07:1 Fail
Aa #F465EE on #4EA3DC 1.05: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