Sign Up Sign Up
Cyclope6

Cyclope6

6-color palette · Cool · Dark · Complementary harmony

Back to Library

Cyclope6

6-color palette · Cool temperature · Dark tone · Complementary harmony

Modify
Vibrant 6 colors Cool Dark Complementary red blue tritanopia complementary
Likes 742
Colors 6

CSS variables

:root {
  --c-vibrant-1: #411D31;
  --c-vibrant-2: #631B34;
  --c-vibrant-3: #32535F;
  --c-vibrant-4: #0B8A8F;
  --c-vibrant-5: #0EAF9B;
  --c-vibrant-6: #30E1B9;
}

About this palette

This 6-color vibrant palette runs from Aquamarine (#30E1B9) as its lightest tone to Blackberry (#411D31) as its darkest. It blends Blackberry, Brown Chocolate, Cold Sea Currents, Duvall, Cozumel and Aquamarine into a single set you can drop straight into a UI. Of its 15 color pairings, 4 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #411D31 on #30E1B9 at 8.72:1.

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

Color breakdown

Blackberry #411D31
RGB
rgb(65, 29, 49)
HSL
hsl(327, 38%, 18%)
Luminance
0.022
Brown Chocolate #631B34
RGB
rgb(99, 27, 52)
HSL
hsl(339, 57%, 25%)
Luminance
0.037
Cold Sea Currents #32535F
RGB
rgb(50, 83, 95)
HSL
hsl(196, 31%, 28%)
Luminance
0.077
Duvall #0B8A8F
RGB
rgb(11, 138, 143)
HSL
hsl(182, 86%, 30%)
Luminance
0.202
Cozumel #0EAF9B
RGB
rgb(14, 175, 155)
HSL
hsl(173, 85%, 37%)
Luminance
0.331
Aquamarine #30E1B9
RGB
rgb(48, 225, 185)
HSL
hsl(166, 75%, 54%)
Luminance
0.580

Contrast & accessibility

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

Aa #411D31 on #30E1B9 8.72:1 AAA
Aa #631B34 on #30E1B9 7.25:1 AAA
Aa #411D31 on #0EAF9B 5.28:1 AA
Aa #32535F on #30E1B9 4.96:1 AA
Aa #631B34 on #0EAF9B 4.39:1 AA Large
Aa #411D31 on #0B8A8F 3.49:1 AA Large
Aa #32535F on #0EAF9B 3.00:1 AA Large
Aa #631B34 on #0B8A8F 2.91:1 Fail
Aa #0B8A8F on #30E1B9 2.50:1 Fail
Aa #32535F on #0B8A8F 1.99:1 Fail
Aa #411D31 on #32535F 1.76:1 Fail
Aa #0EAF9B on #30E1B9 1.65:1 Fail
Aa #0B8A8F on #0EAF9B 1.51:1 Fail
Aa #631B34 on #32535F 1.46:1 Fail
Aa #411D31 on #631B34 1.20: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