Sign Up Sign Up
Bite Club

Bite Club

7-color palette · Cool · Dark · Triadic harmony

Back to Library

Bite Club

7-color palette · Cool temperature · Dark tone · Triadic harmony

Modify
Vibrant 7 colors Cool Dark Triadic pixelart red blue purple
Likes 68
Colors 7

CSS variables

:root {
  --c-vibrant-1: #050002;
  --c-vibrant-2: #171237;
  --c-vibrant-3: #31144F;
  --c-vibrant-4: #3E207B;
  --c-vibrant-5: #84266E;
  --c-vibrant-6: #C355DA;
  --c-vibrant-7: #74AEFF;
}

About this palette

This 7-color vibrant palette runs from Fennel Flower (#74AEFF) as its lightest tone to Binary Black (#050002) as its darkest. It blends Binary Black, Spanish Roast, Russian Violet, Explorer of the Galaxies, Noble Plum, Thick Pink and Fennel Flower into a single set you can drop straight into a UI. Of its 21 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #050002 on #74AEFF at 9.17:1.

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

Color breakdown

Binary Black #050002
RGB
rgb(5, 0, 2)
HSL
hsl(336, 100%, 1%)
Luminance
0.000
Spanish Roast #171237
RGB
rgb(23, 18, 55)
HSL
hsl(248, 51%, 14%)
Luminance
0.009
Russian Violet #31144F
RGB
rgb(49, 20, 79)
HSL
hsl(269, 60%, 19%)
Luminance
0.017
Explorer of the Galaxies #3E207B
RGB
rgb(62, 32, 123)
HSL
hsl(260, 59%, 30%)
Luminance
0.035
Noble Plum #84266E
RGB
rgb(132, 38, 110)
HSL
hsl(314, 55%, 33%)
Luminance
0.074
Thick Pink #C355DA
RGB
rgb(195, 85, 218)
HSL
hsl(290, 64%, 59%)
Luminance
0.232
Fennel Flower #74AEFF
RGB
rgb(116, 174, 255)
HSL
hsl(215, 100%, 73%)
Luminance
0.412

Contrast & accessibility

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

Aa #050002 on #74AEFF 9.17:1 AAA
Aa #171237 on #74AEFF 7.84:1 AAA
Aa #31144F on #74AEFF 6.88:1 AA
Aa #050002 on #C355DA 5.59:1 AA
Aa #3E207B on #74AEFF 5.44:1 AA
Aa #171237 on #C355DA 4.78:1 AA
Aa #31144F on #C355DA 4.19:1 AA Large
Aa #84266E on #74AEFF 3.72:1 AA Large
Aa #3E207B on #C355DA 3.32:1 AA Large
Aa #050002 on #84266E 2.47:1 Fail
Aa #84266E on #C355DA 2.27:1 Fail
Aa #171237 on #84266E 2.11:1 Fail
Aa #31144F on #84266E 1.85:1 Fail
Aa #050002 on #3E207B 1.69:1 Fail
Aa #C355DA on #74AEFF 1.64:1 Fail
Aa #3E207B on #84266E 1.46:1 Fail
Aa #171237 on #3E207B 1.44:1 Fail
Aa #050002 on #31144F 1.33:1 Fail
Aa #31144F on #3E207B 1.26:1 Fail
Aa #050002 on #171237 1.17:1 Fail
Aa #171237 on #31144F 1.14: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