Sign Up Sign Up
MERFOLK11 2

MERFOLK11 2

11-color palette · Cool · Mixed · Complementary harmony

Back to Library

MERFOLK11 2

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

Modify
Earthy 11 colors Cool Mixed Complementary 11 mermaid merfolk merpeople
Likes 18
Colors 11

CSS variables

:root {
  --c-earthy-1: #363636;
  --c-earthy-2: #54515B;
  --c-earthy-3: #636C91;
  --c-earthy-4: #6BB8E1;
  --c-earthy-5: #57EBE2;
  --c-earthy-6: #EFFDCF;
  --c-earthy-7: #F4DF98;
  --c-earthy-8: #F99797;
  --c-earthy-9: #D5638F;
  --c-earthy-10: #50A48B;
  --c-earthy-11: #41D38B;
}

About this palette

This 11-color earthy palette runs from Snowdrop (#EFFDCF) as its lightest tone to Dark Grey (#363636) as its darkest. It blends Dark Grey, Forged Iron, Alpine Forget-Me-Not, Life Force, Near Moon, Snowdrop, Sunbathed, Peach Punch, Preppy Rose, Corrosion Green and Drunken Dragonfly into a single set you can drop straight into a UI. Of its 55 color pairings, 10 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #363636 on #EFFDCF at 11.29:1.

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

Color breakdown

Dark Grey #363636
RGB
rgb(54, 54, 54)
HSL
hsl(0, 0%, 21%)
Luminance
0.037
Forged Iron #54515B
RGB
rgb(84, 81, 91)
HSL
hsl(258, 6%, 34%)
Luminance
0.085
Alpine Forget-Me-Not #636C91
RGB
rgb(99, 108, 145)
HSL
hsl(228, 19%, 48%)
Luminance
0.154
Life Force #6BB8E1
RGB
rgb(107, 184, 225)
HSL
hsl(201, 66%, 65%)
Luminance
0.428
Near Moon #57EBE2
RGB
rgb(87, 235, 226)
HSL
hsl(176, 79%, 63%)
Luminance
0.669
Snowdrop #EFFDCF
RGB
rgb(239, 253, 207)
HSL
hsl(78, 92%, 90%)
Luminance
0.931
Sunbathed #F4DF98
RGB
rgb(244, 223, 152)
HSL
hsl(46, 81%, 78%)
Luminance
0.743
Peach Punch #F99797
RGB
rgb(249, 151, 151)
HSL
hsl(0, 89%, 78%)
Luminance
0.445
Preppy Rose #D5638F
RGB
rgb(213, 99, 143)
HSL
hsl(337, 58%, 61%)
Luminance
0.251
Corrosion Green #50A48B
RGB
rgb(80, 164, 139)
HSL
hsl(162, 34%, 48%)
Luminance
0.301
Drunken Dragonfly #41D38B
RGB
rgb(65, 211, 139)
HSL
hsl(150, 62%, 54%)
Luminance
0.496

Contrast & accessibility

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

Aa #363636 on #EFFDCF 11.29:1 AAA
Aa #363636 on #F4DF98 9.12:1 AAA
Aa #363636 on #57EBE2 8.28:1 AAA
Aa #54515B on #EFFDCF 7.25:1 AAA
Aa #363636 on #41D38B 6.28:1 AA
Aa #54515B on #F4DF98 5.86:1 AA
Aa #363636 on #F99797 5.70:1 AA
Aa #363636 on #6BB8E1 5.51:1 AA
Aa #54515B on #57EBE2 5.32:1 AA
Aa #636C91 on #EFFDCF 4.80:1 AA
Aa #363636 on #50A48B 4.04:1 AA Large
Aa #54515B on #41D38B 4.04:1 AA Large
Aa #636C91 on #F4DF98 3.88:1 AA Large
Aa #54515B on #F99797 3.66:1 AA Large
Aa #54515B on #6BB8E1 3.54:1 AA Large
Aa #636C91 on #57EBE2 3.52:1 AA Large
Aa #363636 on #D5638F 3.46:1 AA Large
Aa #EFFDCF on #D5638F 3.26:1 AA Large
Aa #EFFDCF on #50A48B 2.79:1 Fail
Aa #636C91 on #41D38B 2.67:1 Fail
Aa #F4DF98 on #D5638F 2.64:1 Fail
Aa #54515B on #50A48B 2.60:1 Fail
Aa #636C91 on #F99797 2.42:1 Fail
Aa #57EBE2 on #D5638F 2.39:1 Fail
Aa #363636 on #636C91 2.35:1 Fail
Aa #636C91 on #6BB8E1 2.34:1 Fail
Aa #F4DF98 on #50A48B 2.26:1 Fail
Aa #54515B on #D5638F 2.22:1 Fail
Aa #6BB8E1 on #EFFDCF 2.05:1 Fail
Aa #57EBE2 on #50A48B 2.05:1 Fail
Aa #EFFDCF on #F99797 1.98:1 Fail
Aa #D5638F on #41D38B 1.82:1 Fail
Aa #EFFDCF on #41D38B 1.80:1 Fail
Aa #636C91 on #50A48B 1.72:1 Fail
Aa #6BB8E1 on #F4DF98 1.66:1 Fail
Aa #F99797 on #D5638F 1.65:1 Fail
Aa #F4DF98 on #F99797 1.60:1 Fail
Aa #6BB8E1 on #D5638F 1.59:1 Fail
Aa #363636 on #54515B 1.56:1 Fail
Aa #50A48B on #41D38B 1.55:1 Fail
Aa #54515B on #636C91 1.51:1 Fail
Aa #6BB8E1 on #57EBE2 1.50:1 Fail
Aa #636C91 on #D5638F 1.47:1 Fail
Aa #57EBE2 on #F99797 1.45:1 Fail
Aa #F4DF98 on #41D38B 1.45:1 Fail
Aa #F99797 on #50A48B 1.41:1 Fail
Aa #6BB8E1 on #50A48B 1.36:1 Fail
Aa #57EBE2 on #EFFDCF 1.36:1 Fail
Aa #57EBE2 on #41D38B 1.32:1 Fail
Aa #EFFDCF on #F4DF98 1.24:1 Fail
Aa #D5638F on #50A48B 1.17:1 Fail
Aa #6BB8E1 on #41D38B 1.14:1 Fail
Aa #57EBE2 on #F4DF98 1.10:1 Fail
Aa #F99797 on #41D38B 1.10:1 Fail
Aa #6BB8E1 on #F99797 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