Sign Up Sign Up
Deuteraruzi

Deuteraruzi

8-color palette · Cool · Mixed · Complementary harmony

Back to Library

Deuteraruzi

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

Modify
Vibrant 8 colors Cool Mixed Complementary blue yellow deuteranopia ruzikb
Likes 22
Colors 8

CSS variables

:root {
  --c-vibrant-1: #010027;
  --c-vibrant-2: #2F057D;
  --c-vibrant-3: #0D1BE6;
  --c-vibrant-4: #7B9AF3;
  --c-vibrant-5: #F1F2E1;
  --c-vibrant-6: #EDF37B;
  --c-vibrant-7: #E6BC0D;
  --c-vibrant-8: #A06B1F;
}

About this palette

This 8-color vibrant palette runs from Storksbill White (#F1F2E1) as its lightest tone to Hadopelagic Water (#010027) as its darkest. It blends Hadopelagic Water, Galactic Federation, Blue Overdose, Periwinkle Blue, Storksbill White, Sunny, Gold Ore and Cinnamon Brown into a single set you can drop straight into a UI. Of its 28 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #010027 on #F1F2E1 at 17.98:1.

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

Color breakdown

Hadopelagic Water #010027
RGB
rgb(1, 0, 39)
HSL
hsl(242, 100%, 8%)
Luminance
0.002
Galactic Federation #2F057D
RGB
rgb(47, 5, 125)
HSL
hsl(261, 92%, 25%)
Luminance
0.022
Blue Overdose #0D1BE6
RGB
rgb(13, 27, 230)
HSL
hsl(236, 89%, 48%)
Luminance
0.066
Periwinkle Blue #7B9AF3
RGB
rgb(123, 154, 243)
HSL
hsl(225, 83%, 72%)
Luminance
0.338
Storksbill White #F1F2E1
RGB
rgb(241, 242, 225)
HSL
hsl(64, 40%, 92%)
Luminance
0.876
Sunny #EDF37B
RGB
rgb(237, 243, 123)
HSL
hsl(63, 83%, 72%)
Luminance
0.835
Gold Ore #E6BC0D
RGB
rgb(230, 188, 13)
HSL
hsl(48, 89%, 48%)
Luminance
0.528
Cinnamon Brown #A06B1F
RGB
rgb(160, 107, 31)
HSL
hsl(35, 68%, 37%)
Luminance
0.181

Contrast & accessibility

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

Aa #010027 on #F1F2E1 17.98:1 AAA
Aa #010027 on #EDF37B 17.18:1 AAA
Aa #2F057D on #F1F2E1 12.88:1 AAA
Aa #2F057D on #EDF37B 12.31:1 AAA
Aa #010027 on #E6BC0D 11.22:1 AAA
Aa #2F057D on #E6BC0D 8.04:1 AAA
Aa #0D1BE6 on #F1F2E1 8.00:1 AAA
Aa #0D1BE6 on #EDF37B 7.64:1 AAA
Aa #010027 on #7B9AF3 7.53:1 AAA
Aa #2F057D on #7B9AF3 5.39:1 AA
Aa #0D1BE6 on #E6BC0D 4.99:1 AA
Aa #010027 on #A06B1F 4.48:1 AA Large
Aa #F1F2E1 on #A06B1F 4.01:1 AA Large
Aa #EDF37B on #A06B1F 3.83:1 AA Large
Aa #0D1BE6 on #7B9AF3 3.35:1 AA Large
Aa #2F057D on #A06B1F 3.21:1 AA Large
Aa #E6BC0D on #A06B1F 2.50:1 Fail
Aa #7B9AF3 on #F1F2E1 2.39:1 Fail
Aa #7B9AF3 on #EDF37B 2.28:1 Fail
Aa #010027 on #0D1BE6 2.25:1 Fail
Aa #0D1BE6 on #A06B1F 1.99:1 Fail
Aa #7B9AF3 on #A06B1F 1.68:1 Fail
Aa #2F057D on #0D1BE6 1.61:1 Fail
Aa #F1F2E1 on #E6BC0D 1.60:1 Fail
Aa #EDF37B on #E6BC0D 1.53:1 Fail
Aa #7B9AF3 on #E6BC0D 1.49:1 Fail
Aa #010027 on #2F057D 1.40:1 Fail
Aa #F1F2E1 on #EDF37B 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