Sign Up Sign Up
Wave

Wave

6-color palette · Warm · Mixed · Complementary harmony

Back to Library

Wave

6-color palette · Warm temperature · Mixed tone · Complementary harmony

Modify
Vibrant 6 colors Warm Mixed Complementary orange red blue brown
Likes 55
Colors 6

CSS variables

:root {
  --c-vibrant-1: #67B5FF;
  --c-vibrant-2: #D2D5C1;
  --c-vibrant-3: #CD7C30;
  --c-vibrant-4: #B4401C;
  --c-vibrant-5: #6C3B2C;
  --c-vibrant-6: #610316;
}

About this palette

This 6-color vibrant palette runs from White Sage (#D2D5C1) as its lightest tone to Darkest Dungeon (#610316) as its darkest. It blends Tiān Lán Sky, White Sage, Polished Bronze, Crimson Blaze, Red Mane and Darkest Dungeon into a single set you can drop straight into a UI. Of its 15 color pairings, 3 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #D2D5C1 on #610316 at 9.15:1.

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

Color breakdown

Tiān Lán Sky #67B5FF
RGB
rgb(103, 181, 255)
HSL
hsl(209, 100%, 70%)
Luminance
0.432
White Sage #D2D5C1
RGB
rgb(210, 213, 193)
HSL
hsl(69, 19%, 80%)
Luminance
0.651
Polished Bronze #CD7C30
RGB
rgb(205, 124, 48)
HSL
hsl(29, 62%, 50%)
Luminance
0.276
Crimson Blaze #B4401C
RGB
rgb(180, 64, 28)
HSL
hsl(14, 73%, 41%)
Luminance
0.135
Red Mane #6C3B2C
RGB
rgb(108, 59, 44)
HSL
hsl(14, 42%, 30%)
Luminance
0.065
Darkest Dungeon #610316
RGB
rgb(97, 3, 22)
HSL
hsl(348, 94%, 20%)
Luminance
0.027

Contrast & accessibility

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

Aa #D2D5C1 on #610316 9.15:1 AAA
Aa #67B5FF on #610316 6.28:1 AA
Aa #D2D5C1 on #6C3B2C 6.10:1 AA
Aa #CD7C30 on #610316 4.25:1 AA Large
Aa #67B5FF on #6C3B2C 4.19:1 AA Large
Aa #D2D5C1 on #B4401C 3.80:1 AA Large
Aa #CD7C30 on #6C3B2C 2.84:1 Fail
Aa #67B5FF on #B4401C 2.61:1 Fail
Aa #B4401C on #610316 2.41:1 Fail
Aa #D2D5C1 on #CD7C30 2.15:1 Fail
Aa #CD7C30 on #B4401C 1.77:1 Fail
Aa #B4401C on #6C3B2C 1.60:1 Fail
Aa #6C3B2C on #610316 1.50:1 Fail
Aa #67B5FF on #CD7C30 1.48:1 Fail
Aa #67B5FF on #D2D5C1 1.46:1 Fail

Similar palettes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colors
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colors
#FFF8EA #9E7676 #815B5B #594545
4 colors
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colors
#F67280 #C06C84 #6C5B7B #355C7D
4 colors
#2B2E4A #E84545 #903749 #53354A
4 colors
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colors
#A9907E #F3DEBA #ABC4AA #675D50
4 colors