Sign Up Sign Up
Vibrant09

Vibrant09

9-color palette · Warm · Mixed · Complementary harmony

Back to Library

Vibrant09

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

Modify
Vibrant 9 colors Warm Mixed Complementary
Likes 8
Colors 9

CSS variables

:root {
  --c-vibrant-1: #D82943;
  --c-vibrant-2: #E2D51B;
  --c-vibrant-3: #FF933A;
  --c-vibrant-4: #FFF9BF;
  --c-vibrant-5: #1930FF;
  --c-vibrant-6: #161CBD;
  --c-vibrant-7: #01FF59;
  --c-vibrant-8: #7A1546;
  --c-vibrant-9: #28271E;
}

About this palette

This 9-color vibrant palette runs from Lemon Sorbet (#FFF9BF) as its lightest tone to Maire (#28271E) as its darkest. It blends Bloody Rust, Chips Provencale, Joyful Orange, Lemon Sorbet, Vivid Blue, Tetraammine, Cathode Green, Pansy Purple and Maire into a single set you can drop straight into a UI. Of its 36 color pairings, 16 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFF9BF on #28271E at 13.98:1.

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

Color breakdown

Bloody Rust #D82943
RGB
rgb(216, 41, 67)
HSL
hsl(351, 69%, 50%)
Luminance
0.166
Chips Provencale #E2D51B
RGB
rgb(226, 213, 27)
HSL
hsl(56, 79%, 50%)
Luminance
0.638
Joyful Orange #FF933A
RGB
rgb(255, 147, 58)
HSL
hsl(27, 100%, 61%)
Luminance
0.424
Lemon Sorbet #FFF9BF
RGB
rgb(255, 249, 191)
HSL
hsl(54, 100%, 87%)
Luminance
0.928
Vivid Blue #1930FF
RGB
rgb(25, 48, 255)
HSL
hsl(234, 100%, 55%)
Luminance
0.095
Tetraammine #161CBD
RGB
rgb(22, 28, 189)
HSL
hsl(238, 79%, 41%)
Luminance
0.047
Cathode Green #01FF59
RGB
rgb(1, 255, 89)
HSL
hsl(141, 100%, 50%)
Luminance
0.723
Pansy Purple #7A1546
RGB
rgb(122, 21, 70)
HSL
hsl(331, 71%, 28%)
Luminance
0.051
Maire #28271E
RGB
rgb(40, 39, 30)
HSL
hsl(54, 14%, 14%)
Luminance
0.020

Contrast & accessibility

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

Aa #FFF9BF on #28271E 13.98:1 AAA
Aa #01FF59 on #28271E 11.04:1 AAA
Aa #FFF9BF on #161CBD 10.11:1 AAA
Aa #E2D51B on #28271E 9.84:1 AAA
Aa #FFF9BF on #7A1546 9.67:1 AAA
Aa #161CBD on #01FF59 7.98:1 AAA
Aa #01FF59 on #7A1546 7.64:1 AAA
Aa #E2D51B on #161CBD 7.11:1 AAA
Aa #E2D51B on #7A1546 6.80:1 AA
Aa #FF933A on #28271E 6.78:1 AA
Aa #FFF9BF on #1930FF 6.72:1 AA
Aa #1930FF on #01FF59 5.31:1 AA
Aa #FF933A on #161CBD 4.90:1 AA
Aa #E2D51B on #1930FF 4.73:1 AA
Aa #FF933A on #7A1546 4.69:1 AA
Aa #D82943 on #FFF9BF 4.53:1 AA
Aa #D82943 on #01FF59 3.58:1 AA Large
Aa #FF933A on #1930FF 3.26:1 AA Large
Aa #D82943 on #E2D51B 3.19:1 AA Large
Aa #D82943 on #28271E 3.09:1 AA Large
Aa #D82943 on #161CBD 2.23:1 Fail
Aa #D82943 on #FF933A 2.20:1 Fail
Aa #D82943 on #7A1546 2.13:1 Fail
Aa #1930FF on #28271E 2.08:1 Fail
Aa #FF933A on #FFF9BF 2.06:1 Fail
Aa #FF933A on #01FF59 1.63:1 Fail
Aa #1930FF on #161CBD 1.50:1 Fail
Aa #D82943 on #1930FF 1.48:1 Fail
Aa #E2D51B on #FF933A 1.45:1 Fail
Aa #7A1546 on #28271E 1.45:1 Fail
Aa #1930FF on #7A1546 1.44:1 Fail
Aa #E2D51B on #FFF9BF 1.42:1 Fail
Aa #161CBD on #28271E 1.38:1 Fail
Aa #FFF9BF on #01FF59 1.27:1 Fail
Aa #E2D51B on #01FF59 1.12:1 Fail
Aa #161CBD on #7A1546 1.05: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