Sign Up Sign Up
Romance

Romance

11-color palette · Cool · Mixed · Analogous harmony

Back to Library

Romance

11-color palette · Cool temperature · Mixed tone · Analogous harmony

Modify
Earthy 11 colors Cool Mixed Analogous pixelart warm pastel love
Likes 19
Colors 11

CSS variables

:root {
  --c-earthy-1: #352D61;
  --c-earthy-2: #911A66;
  --c-earthy-3: #5F5095;
  --c-earthy-4: #7D5FB0;
  --c-earthy-5: #C12B90;
  --c-earthy-6: #8A82A4;
  --c-earthy-7: #C973AC;
  --c-earthy-8: #9299E5;
  --c-earthy-9: #E6A3DE;
  --c-earthy-10: #C6CFC4;
  --c-earthy-11: #E4F6F0;
}

About this palette

This 11-color earthy palette runs from Frosty Mint (#E4F6F0) as its lightest tone to Galaxea (#352D61) as its darkest. It blends Galaxea, Raspberry Magenta, Purple Corallite, Genestealer Purple, Royal Fuchsia, Fabulous Grape, Bishop Red, Portage, Candy Floss, Silver Grass and Frosty Mint into a single set you can drop straight into a UI. Of its 55 color pairings, 9 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #352D61 on #E4F6F0 at 11.03:1.

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

Color breakdown

Galaxea #352D61
RGB
rgb(53, 45, 97)
HSL
hsl(249, 37%, 28%)
Luminance
0.035
Raspberry Magenta #911A66
RGB
rgb(145, 26, 102)
HSL
hsl(322, 70%, 34%)
Luminance
0.077
Purple Corallite #5F5095
RGB
rgb(95, 80, 149)
HSL
hsl(253, 30%, 45%)
Luminance
0.103
Genestealer Purple #7D5FB0
RGB
rgb(125, 95, 176)
HSL
hsl(262, 34%, 53%)
Luminance
0.157
Royal Fuchsia #C12B90
RGB
rgb(193, 43, 144)
HSL
hsl(320, 64%, 46%)
Luminance
0.151
Fabulous Grape #8A82A4
RGB
rgb(138, 130, 164)
HSL
hsl(254, 16%, 58%)
Luminance
0.241
Bishop Red #C973AC
RGB
rgb(201, 115, 172)
HSL
hsl(320, 44%, 62%)
Luminance
0.277
Portage #9299E5
RGB
rgb(146, 153, 229)
HSL
hsl(235, 61%, 74%)
Luminance
0.346
Candy Floss #E6A3DE
RGB
rgb(230, 163, 222)
HSL
hsl(307, 57%, 77%)
Luminance
0.483
Silver Grass #C6CFC4
RGB
rgb(198, 207, 196)
HSL
hsl(109, 10%, 79%)
Luminance
0.606
Frosty Mint #E4F6F0
RGB
rgb(228, 246, 240)
HSL
hsl(160, 50%, 93%)
Luminance
0.887

Contrast & accessibility

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

Aa #352D61 on #E4F6F0 11.03:1 AAA
Aa #352D61 on #C6CFC4 7.72:1 AAA
Aa #911A66 on #E4F6F0 7.37:1 AAA
Aa #352D61 on #E6A3DE 6.27:1 AA
Aa #5F5095 on #E4F6F0 6.11:1 AA
Aa #911A66 on #C6CFC4 5.16:1 AA
Aa #C12B90 on #E4F6F0 4.67:1 AA
Aa #352D61 on #9299E5 4.65:1 AA
Aa #7D5FB0 on #E4F6F0 4.53:1 AA
Aa #5F5095 on #C6CFC4 4.28:1 AA Large
Aa #911A66 on #E6A3DE 4.19:1 AA Large
Aa #352D61 on #C973AC 3.84:1 AA Large
Aa #5F5095 on #E6A3DE 3.47:1 AA Large
Aa #352D61 on #8A82A4 3.42:1 AA Large
Aa #C12B90 on #C6CFC4 3.27:1 AA Large
Aa #8A82A4 on #E4F6F0 3.23:1 AA Large
Aa #7D5FB0 on #C6CFC4 3.17:1 AA Large
Aa #911A66 on #9299E5 3.11:1 AA Large
Aa #C973AC on #E4F6F0 2.87:1 Fail
Aa #C12B90 on #E6A3DE 2.65:1 Fail
Aa #5F5095 on #9299E5 2.58:1 Fail
Aa #7D5FB0 on #E6A3DE 2.58:1 Fail
Aa #911A66 on #C973AC 2.57:1 Fail
Aa #352D61 on #7D5FB0 2.43:1 Fail
Aa #9299E5 on #E4F6F0 2.37:1 Fail
Aa #352D61 on #C12B90 2.36:1 Fail
Aa #911A66 on #8A82A4 2.28:1 Fail
Aa #8A82A4 on #C6CFC4 2.26:1 Fail
Aa #5F5095 on #C973AC 2.13:1 Fail
Aa #C973AC on #C6CFC4 2.01:1 Fail
Aa #C12B90 on #9299E5 1.97:1 Fail
Aa #7D5FB0 on #9299E5 1.91:1 Fail
Aa #5F5095 on #8A82A4 1.89:1 Fail
Aa #8A82A4 on #E6A3DE 1.83:1 Fail
Aa #352D61 on #5F5095 1.81:1 Fail
Aa #E6A3DE on #E4F6F0 1.76:1 Fail
Aa #9299E5 on #C6CFC4 1.66:1 Fail
Aa #911A66 on #7D5FB0 1.63:1 Fail
Aa #C12B90 on #C973AC 1.63:1 Fail
Aa #C973AC on #E6A3DE 1.63:1 Fail
Aa #911A66 on #C12B90 1.58:1 Fail
Aa #7D5FB0 on #C973AC 1.58:1 Fail
Aa #352D61 on #911A66 1.50:1 Fail
Aa #C12B90 on #8A82A4 1.45:1 Fail
Aa #C6CFC4 on #E4F6F0 1.43:1 Fail
Aa #7D5FB0 on #8A82A4 1.40:1 Fail
Aa #8A82A4 on #9299E5 1.36:1 Fail
Aa #5F5095 on #7D5FB0 1.35:1 Fail
Aa #9299E5 on #E6A3DE 1.35:1 Fail
Aa #5F5095 on #C12B90 1.31:1 Fail
Aa #E6A3DE on #C6CFC4 1.23:1 Fail
Aa #911A66 on #5F5095 1.21:1 Fail
Aa #C973AC on #9299E5 1.21:1 Fail
Aa #8A82A4 on #C973AC 1.12:1 Fail
Aa #7D5FB0 on #C12B90 1.03:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors