Sign Up Sign Up
Flowery

Flowery

12-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Flowery

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

Modify
Earthy 12 colors Neutral Mixed Complementary colorful saturated plants flowers
Likes 12
Colors 12

CSS variables

:root {
  --c-earthy-1: #080912;
  --c-earthy-2: #D8DCF8;
  --c-earthy-3: #439A32;
  --c-earthy-4: #6BCE69;
  --c-earthy-5: #D85555;
  --c-earthy-6: #43329A;
  --c-earthy-7: #9A3C32;
  --c-earthy-8: #E8D645;
  --c-earthy-9: #E18C2D;
  --c-earthy-10: #316799;
  --c-earthy-11: #699DCE;
  --c-earthy-12: #9569CE;
}

About this palette

This 12-color earthy palette runs from Nostalgia Perfume (#D8DCF8) as its lightest tone to Narwhal Grey (#080912) as its darkest. It blends Narwhal Grey, Nostalgia Perfume, Beer Garden, Verdant Oasis, Rosy Sunset, Royal Wisteria, Barrel Sponge, Citrus Sugar, Status Bronze, Summerday Blue, Tantalise and Amethyst into a single set you can drop straight into a UI. Of its 66 color pairings, 13 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #080912 on #D8DCF8 at 14.66:1.

Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.

Color breakdown

Narwhal Grey #080912
RGB
rgb(8, 9, 18)
HSL
hsl(234, 38%, 5%)
Luminance
0.003
Nostalgia Perfume #D8DCF8
RGB
rgb(216, 220, 248)
HSL
hsl(233, 70%, 91%)
Luminance
0.726
Beer Garden #439A32
RGB
rgb(67, 154, 50)
HSL
hsl(110, 51%, 40%)
Luminance
0.245
Verdant Oasis #6BCE69
RGB
rgb(107, 206, 105)
HSL
hsl(119, 51%, 61%)
Luminance
0.483
Rosy Sunset #D85555
RGB
rgb(216, 85, 85)
HSL
hsl(0, 63%, 59%)
Luminance
0.218
Royal Wisteria #43329A
RGB
rgb(67, 50, 154)
HSL
hsl(250, 51%, 40%)
Luminance
0.058
Barrel Sponge #9A3C32
RGB
rgb(154, 60, 50)
HSL
hsl(6, 51%, 40%)
Luminance
0.103
Citrus Sugar #E8D645
RGB
rgb(232, 214, 69)
HSL
hsl(53, 78%, 59%)
Luminance
0.657
Status Bronze #E18C2D
RGB
rgb(225, 140, 45)
HSL
hsl(32, 75%, 53%)
Luminance
0.350
Summerday Blue #316799
RGB
rgb(49, 103, 153)
HSL
hsl(209, 51%, 40%)
Luminance
0.127
Tantalise #699DCE
RGB
rgb(105, 157, 206)
HSL
hsl(209, 51%, 61%)
Luminance
0.316
Amethyst #9569CE
RGB
rgb(149, 105, 206)
HSL
hsl(266, 51%, 61%)
Luminance
0.210

Contrast & accessibility

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

Aa #080912 on #D8DCF8 14.66:1 AAA
Aa #080912 on #E8D645 13.36:1 AAA
Aa #080912 on #6BCE69 10.07:1 AAA
Aa #080912 on #E18C2D 7.55:1 AAA
Aa #D8DCF8 on #43329A 7.18:1 AAA
Aa #080912 on #699DCE 6.91:1 AA
Aa #43329A on #E8D645 6.54:1 AA
Aa #080912 on #439A32 5.58:1 AA
Aa #080912 on #D85555 5.06:1 AA
Aa #D8DCF8 on #9A3C32 5.06:1 AA
Aa #6BCE69 on #43329A 4.93:1 AA
Aa #080912 on #9569CE 4.90:1 AA
Aa #9A3C32 on #E8D645 4.61:1 AA
Aa #D8DCF8 on #316799 4.39:1 AA Large
Aa #E8D645 on #316799 4.00:1 AA Large
Aa #43329A on #E18C2D 3.70:1 AA Large
Aa #6BCE69 on #9A3C32 3.48:1 AA Large
Aa #43329A on #699DCE 3.38:1 AA Large
Aa #080912 on #316799 3.34:1 AA Large
Aa #6BCE69 on #316799 3.02:1 AA Large
Aa #D8DCF8 on #9569CE 2.99:1 Fail
Aa #080912 on #9A3C32 2.90:1 Fail
Aa #D8DCF8 on #D85555 2.90:1 Fail
Aa #439A32 on #43329A 2.73:1 Fail
Aa #E8D645 on #9569CE 2.72:1 Fail
Aa #D85555 on #E8D645 2.64:1 Fail
Aa #D8DCF8 on #439A32 2.63:1 Fail
Aa #9A3C32 on #E18C2D 2.61:1 Fail
Aa #D85555 on #43329A 2.48:1 Fail
Aa #43329A on #9569CE 2.40:1 Fail
Aa #439A32 on #E8D645 2.39:1 Fail
Aa #9A3C32 on #699DCE 2.39:1 Fail
Aa #E18C2D on #316799 2.26:1 Fail
Aa #D8DCF8 on #699DCE 2.12:1 Fail
Aa #316799 on #699DCE 2.07:1 Fail
Aa #6BCE69 on #9569CE 2.05:1 Fail
Aa #080912 on #43329A 2.04:1 Fail
Aa #6BCE69 on #D85555 1.99:1 Fail
Aa #D8DCF8 on #E18C2D 1.94:1 Fail
Aa #439A32 on #9A3C32 1.93:1 Fail
Aa #E8D645 on #699DCE 1.93:1 Fail
Aa #439A32 on #6BCE69 1.80:1 Fail
Aa #E8D645 on #E18C2D 1.77:1 Fail
Aa #D85555 on #9A3C32 1.74:1 Fail
Aa #9A3C32 on #9569CE 1.69:1 Fail
Aa #439A32 on #316799 1.67:1 Fail
Aa #43329A on #316799 1.63:1 Fail
Aa #E18C2D on #9569CE 1.54:1 Fail
Aa #D85555 on #316799 1.52:1 Fail
Aa #D85555 on #E18C2D 1.49:1 Fail
Aa #316799 on #9569CE 1.47:1 Fail
Aa #D8DCF8 on #6BCE69 1.46:1 Fail
Aa #6BCE69 on #699DCE 1.46:1 Fail
Aa #43329A on #9A3C32 1.42:1 Fail
Aa #699DCE on #9569CE 1.41:1 Fail
Aa #D85555 on #699DCE 1.37:1 Fail
Aa #439A32 on #E18C2D 1.35:1 Fail
Aa #6BCE69 on #E8D645 1.33:1 Fail
Aa #6BCE69 on #E18C2D 1.33:1 Fail
Aa #439A32 on #699DCE 1.24:1 Fail
Aa #9A3C32 on #316799 1.15:1 Fail
Aa #439A32 on #9569CE 1.14:1 Fail
Aa #D8DCF8 on #E8D645 1.10:1 Fail
Aa #439A32 on #D85555 1.10:1 Fail
Aa #E18C2D on #699DCE 1.09:1 Fail
Aa #D85555 on #9569CE 1.03: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