Sign Up Sign Up
Sunflower Painting 7

Sunflower Painting 7

7-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Sunflower Painting 7

7-color palette · Neutral temperature · Mixed tone · Complementary harmony

Modify
Vibrant 7 colors Neutral Mixed Complementary green 7 blue cyan
Likes 61
Colors 7

CSS variables

:root {
  --c-vibrant-1: #2C353C;
  --c-vibrant-2: #1A5C6B;
  --c-vibrant-3: #08839B;
  --c-vibrant-4: #A9E5BB;
  --c-vibrant-5: #FBF5B1;
  --c-vibrant-6: #F9D46E;
  --c-vibrant-7: #F7B32C;
}

About this palette

This 7-color vibrant palette runs from Casino Lights (#FBF5B1) as its lightest tone to Dracula Orchid (#2C353C) as its darkest. It blends Dracula Orchid, Connor’s Lakefront, Cruising, Mountain Mint, Casino Lights, Forsythia Blossom and Hot Sun into a single set you can drop straight into a UI. Of its 21 color pairings, 7 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #2C353C on #FBF5B1 at 11.18:1.

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

Color breakdown

Dracula Orchid #2C353C
RGB
rgb(44, 53, 60)
HSL
hsl(206, 15%, 20%)
Luminance
0.034
Connor’s Lakefront #1A5C6B
RGB
rgb(26, 92, 107)
HSL
hsl(191, 61%, 26%)
Luminance
0.089
Cruising #08839B
RGB
rgb(8, 131, 155)
HSL
hsl(190, 90%, 32%)
Luminance
0.187
Mountain Mint #A9E5BB
RGB
rgb(169, 229, 187)
HSL
hsl(138, 54%, 78%)
Luminance
0.681
Casino Lights #FBF5B1
RGB
rgb(251, 245, 177)
HSL
hsl(55, 90%, 84%)
Luminance
0.890
Forsythia Blossom #F9D46E
RGB
rgb(249, 212, 110)
HSL
hsl(44, 92%, 70%)
Luminance
0.684
Hot Sun #F7B32C
RGB
rgb(247, 179, 44)
HSL
hsl(40, 93%, 57%)
Luminance
0.522

Contrast & accessibility

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

Aa #2C353C on #FBF5B1 11.18:1 AAA
Aa #2C353C on #F9D46E 8.72:1 AAA
Aa #2C353C on #A9E5BB 8.69:1 AAA
Aa #2C353C on #F7B32C 6.80:1 AA
Aa #1A5C6B on #FBF5B1 6.74:1 AA
Aa #1A5C6B on #F9D46E 5.26:1 AA
Aa #1A5C6B on #A9E5BB 5.24:1 AA
Aa #1A5C6B on #F7B32C 4.10:1 AA Large
Aa #08839B on #FBF5B1 3.97:1 AA Large
Aa #08839B on #F9D46E 3.10:1 AA Large
Aa #08839B on #A9E5BB 3.09:1 AA Large
Aa #2C353C on #08839B 2.81:1 Fail
Aa #08839B on #F7B32C 2.42:1 Fail
Aa #1A5C6B on #08839B 1.70:1 Fail
Aa #2C353C on #1A5C6B 1.66:1 Fail
Aa #FBF5B1 on #F7B32C 1.64:1 Fail
Aa #A9E5BB on #FBF5B1 1.29:1 Fail
Aa #A9E5BB on #F7B32C 1.28:1 Fail
Aa #FBF5B1 on #F9D46E 1.28:1 Fail
Aa #F9D46E on #F7B32C 1.28:1 Fail
Aa #A9E5BB on #F9D46E 1.00:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors