Sign Up Sign Up
MERFOLK11 1

MERFOLK11 1

11-color palette · Warm · Mixed · Triadic harmony

Back to Library

MERFOLK11 1

11-color palette · Warm temperature · Mixed tone · Triadic harmony

Modify
Earthy 11 colors Warm Mixed Triadic 11 mermaid merfolk merpeople
Likes 6
Colors 11

CSS variables

:root {
  --c-earthy-1: #363636;
  --c-earthy-2: #5C5460;
  --c-earthy-3: #92699B;
  --c-earthy-4: #E072E2;
  --c-earthy-5: #FFB5C1;
  --c-earthy-6: #F8FFCD;
  --c-earthy-7: #F5E15F;
  --c-earthy-8: #EE9162;
  --c-earthy-9: #CB495F;
  --c-earthy-10: #5D9143;
  --c-earthy-11: #6FD23A;
}

About this palette

This 11-color earthy palette runs from Morrow White (#F8FFCD) as its lightest tone to Dark Grey (#363636) as its darkest. It blends Dark Grey, Napa Grape, Court Jester, Hibiscus Pop, Matt Pink, Morrow White, Flame Seal, Orange Slice, Claret Red, Golf Day and Bitter Dandelion into a single set you can drop straight into a UI. Of its 55 color pairings, 7 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #363636 on #F8FFCD at 11.61: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
Napa Grape #5C5460
RGB
rgb(92, 84, 96)
HSL
hsl(280, 7%, 35%)
Luminance
0.095
Court Jester #92699B
RGB
rgb(146, 105, 155)
HSL
hsl(289, 20%, 51%)
Luminance
0.186
Hibiscus Pop #E072E2
RGB
rgb(224, 114, 226)
HSL
hsl(299, 66%, 67%)
Luminance
0.334
Matt Pink #FFB5C1
RGB
rgb(255, 181, 193)
HSL
hsl(350, 100%, 85%)
Luminance
0.582
Morrow White #F8FFCD
RGB
rgb(248, 255, 205)
HSL
hsl(68, 100%, 90%)
Luminance
0.959
Flame Seal #F5E15F
RGB
rgb(245, 225, 95)
HSL
hsl(52, 88%, 67%)
Luminance
0.741
Orange Slice #EE9162
RGB
rgb(238, 145, 98)
HSL
hsl(20, 80%, 66%)
Luminance
0.393
Claret Red #CB495F
RGB
rgb(203, 73, 95)
HSL
hsl(350, 56%, 54%)
Luminance
0.183
Golf Day #5D9143
RGB
rgb(93, 145, 67)
HSL
hsl(100, 37%, 42%)
Luminance
0.230
Bitter Dandelion #6FD23A
RGB
rgb(111, 210, 58)
HSL
hsl(99, 63%, 53%)
Luminance
0.498

Contrast & accessibility

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

Aa #363636 on #F8FFCD 11.61:1 AAA
Aa #363636 on #F5E15F 9.10:1 AAA
Aa #363636 on #FFB5C1 7.27:1 AAA
Aa #5C5460 on #F8FFCD 6.98:1 AA
Aa #363636 on #6FD23A 6.30:1 AA
Aa #5C5460 on #F5E15F 5.47:1 AA
Aa #363636 on #EE9162 5.10:1 AA
Aa #363636 on #E072E2 4.42:1 AA Large
Aa #5C5460 on #FFB5C1 4.37:1 AA Large
Aa #F8FFCD on #CB495F 4.33:1 AA Large
Aa #92699B on #F8FFCD 4.28:1 AA Large
Aa #5C5460 on #6FD23A 3.79:1 AA Large
Aa #F8FFCD on #5D9143 3.61:1 AA Large
Aa #F5E15F on #CB495F 3.40:1 AA Large
Aa #92699B on #F5E15F 3.35:1 AA Large
Aa #363636 on #5D9143 3.22:1 AA Large
Aa #5C5460 on #EE9162 3.06:1 AA Large
Aa #F5E15F on #5D9143 2.83:1 Fail
Aa #363636 on #92699B 2.71:1 Fail
Aa #FFB5C1 on #CB495F 2.71:1 Fail
Aa #363636 on #CB495F 2.68:1 Fail
Aa #92699B on #FFB5C1 2.68:1 Fail
Aa #5C5460 on #E072E2 2.65:1 Fail
Aa #E072E2 on #F8FFCD 2.63:1 Fail
Aa #CB495F on #6FD23A 2.35:1 Fail
Aa #92699B on #6FD23A 2.32:1 Fail
Aa #F8FFCD on #EE9162 2.28:1 Fail
Aa #FFB5C1 on #5D9143 2.26:1 Fail
Aa #E072E2 on #F5E15F 2.06:1 Fail
Aa #5D9143 on #6FD23A 1.96:1 Fail
Aa #5C5460 on #5D9143 1.94:1 Fail
Aa #EE9162 on #CB495F 1.90:1 Fail
Aa #92699B on #EE9162 1.88:1 Fail
Aa #F8FFCD on #6FD23A 1.84:1 Fail
Aa #F5E15F on #EE9162 1.78:1 Fail
Aa #363636 on #5C5460 1.66:1 Fail
Aa #E072E2 on #FFB5C1 1.65:1 Fail
Aa #E072E2 on #CB495F 1.65:1 Fail
Aa #5C5460 on #92699B 1.63:1 Fail
Aa #92699B on #E072E2 1.63:1 Fail
Aa #5C5460 on #CB495F 1.61:1 Fail
Aa #FFB5C1 on #F8FFCD 1.60:1 Fail
Aa #EE9162 on #5D9143 1.58:1 Fail
Aa #F5E15F on #6FD23A 1.44:1 Fail
Aa #E072E2 on #6FD23A 1.43:1 Fail
Aa #FFB5C1 on #EE9162 1.43:1 Fail
Aa #E072E2 on #5D9143 1.37:1 Fail
Aa #F8FFCD on #F5E15F 1.28:1 Fail
Aa #FFB5C1 on #F5E15F 1.25:1 Fail
Aa #EE9162 on #6FD23A 1.24:1 Fail
Aa #CB495F on #5D9143 1.20:1 Fail
Aa #92699B on #5D9143 1.19:1 Fail
Aa #E072E2 on #EE9162 1.15:1 Fail
Aa #FFB5C1 on #6FD23A 1.15:1 Fail
Aa #92699B on #CB495F 1.01: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