Sign Up Sign Up
Bauhaus

Bauhaus

8-color palette · Warm · Mixed · Complementary harmony

Back to Library

Bauhaus

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

Modify
Vibrant 8 colors Warm Mixed Complementary artist red blue yellow
Likes 103
Colors 8

CSS variables

:root {
  --c-vibrant-1: #1A1616;
  --c-vibrant-2: #4F186B;
  --c-vibrant-3: #3E4DB4;
  --c-vibrant-4: #91144E;
  --c-vibrant-5: #EA1F25;
  --c-vibrant-6: #AD6D37;
  --c-vibrant-7: #F1CA00;
  --c-vibrant-8: #ECDDBE;
}

About this palette

This 8-color vibrant palette runs from Sandhill (#ECDDBE) as its lightest tone to Cynical Black (#1A1616) as its darkest. It blends Cynical Black, Obsidian Shell, Night in Manchester, Wine Grape, Red Pigment, Tanooki Suit Brown, Deep Daishin Yellow and Sandhill into a single set you can drop straight into a UI. Of its 28 color pairings, 8 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #1A1616 on #ECDDBE at 13.38:1.

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

Color breakdown

Cynical Black #1A1616
RGB
rgb(26, 22, 22)
HSL
hsl(0, 8%, 9%)
Luminance
0.009
Obsidian Shell #4F186B
RGB
rgb(79, 24, 107)
HSL
hsl(280, 63%, 26%)
Luminance
0.034
Night in Manchester #3E4DB4
RGB
rgb(62, 77, 180)
HSL
hsl(232, 49%, 47%)
Luminance
0.096
Wine Grape #91144E
RGB
rgb(145, 20, 78)
HSL
hsl(332, 76%, 32%)
Luminance
0.071
Red Pigment #EA1F25
RGB
rgb(234, 31, 37)
HSL
hsl(358, 83%, 52%)
Luminance
0.186
Tanooki Suit Brown #AD6D37
RGB
rgb(173, 109, 55)
HSL
hsl(27, 52%, 45%)
Luminance
0.201
Deep Daishin Yellow #F1CA00
RGB
rgb(241, 202, 0)
HSL
hsl(50, 100%, 47%)
Luminance
0.609
Sandhill #ECDDBE
RGB
rgb(236, 221, 190)
HSL
hsl(40, 55%, 84%)
Luminance
0.733

Contrast & accessibility

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

Aa #1A1616 on #ECDDBE 13.38:1 AAA
Aa #1A1616 on #F1CA00 11.27:1 AAA
Aa #4F186B on #ECDDBE 9.34:1 AAA
Aa #4F186B on #F1CA00 7.87:1 AAA
Aa #91144E on #ECDDBE 6.48:1 AA
Aa #91144E on #F1CA00 5.46:1 AA
Aa #3E4DB4 on #ECDDBE 5.35:1 AA
Aa #3E4DB4 on #F1CA00 4.51:1 AA
Aa #1A1616 on #AD6D37 4.29:1 AA Large
Aa #1A1616 on #EA1F25 4.03:1 AA Large
Aa #EA1F25 on #ECDDBE 3.32:1 AA Large
Aa #AD6D37 on #ECDDBE 3.12:1 AA Large
Aa #4F186B on #AD6D37 3.00:1 AA Large
Aa #4F186B on #EA1F25 2.82:1 Fail
Aa #EA1F25 on #F1CA00 2.79:1 Fail
Aa #AD6D37 on #F1CA00 2.63:1 Fail
Aa #1A1616 on #3E4DB4 2.50:1 Fail
Aa #91144E on #AD6D37 2.08:1 Fail
Aa #1A1616 on #91144E 2.06:1 Fail
Aa #91144E on #EA1F25 1.96:1 Fail
Aa #4F186B on #3E4DB4 1.75:1 Fail
Aa #3E4DB4 on #AD6D37 1.72:1 Fail
Aa #3E4DB4 on #EA1F25 1.61:1 Fail
Aa #4F186B on #91144E 1.44:1 Fail
Aa #1A1616 on #4F186B 1.43:1 Fail
Aa #3E4DB4 on #91144E 1.21:1 Fail
Aa #F1CA00 on #ECDDBE 1.19:1 Fail
Aa #EA1F25 on #AD6D37 1.06: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