Sign Up Sign Up
COOLPIX

COOLPIX

5-color palette · Cool · Mixed · Complementary harmony

Back to Library

COOLPIX

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

Modify
Vibrant 5 colors Cool Mixed Complementary
Likes 14
Colors 5

CSS variables

:root {
  --c-vibrant-1: #141720;
  --c-vibrant-2: #0A5AA1;
  --c-vibrant-3: #46E0E0;
  --c-vibrant-4: #FFF04F;
  --c-vibrant-5: #F14141;
}

About this palette

This 5-color vibrant palette runs from Yellow Cattleya (#FFF04F) as its lightest tone to River Styx (#141720) as its darkest. It blends River Styx, Princess Blue, Neon Nazar, Yellow Cattleya and Glowing Brake Disc into a single set you can drop straight into a UI. Of its 10 color pairings, 4 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #141720 on #FFF04F at 15.2:1.

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

Color breakdown

River Styx #141720
RGB
rgb(20, 23, 32)
HSL
hsl(225, 23%, 10%)
Luminance
0.009
Princess Blue #0A5AA1
RGB
rgb(10, 90, 161)
HSL
hsl(208, 88%, 34%)
Luminance
0.100
Neon Nazar #46E0E0
RGB
rgb(70, 224, 224)
HSL
hsl(180, 71%, 58%)
Luminance
0.600
Yellow Cattleya #FFF04F
RGB
rgb(255, 240, 79)
HSL
hsl(55, 100%, 65%)
Luminance
0.841
Glowing Brake Disc #F14141
RGB
rgb(241, 65, 65)
HSL
hsl(0, 86%, 60%)
Luminance
0.229

Contrast & accessibility

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

Aa #141720 on #FFF04F 15.20:1 AAA
Aa #141720 on #46E0E0 11.08:1 AAA
Aa #0A5AA1 on #FFF04F 5.96:1 AA
Aa #141720 on #F14141 4.75:1 AA
Aa #0A5AA1 on #46E0E0 4.35:1 AA Large
Aa #FFF04F on #F14141 3.20:1 AA Large
Aa #141720 on #0A5AA1 2.55:1 Fail
Aa #46E0E0 on #F14141 2.33:1 Fail
Aa #0A5AA1 on #F14141 1.86:1 Fail
Aa #46E0E0 on #FFF04F 1.37: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