Sign Up Sign Up
Mordfikosz 11

Mordfikosz 11

11-color palette · Warm · Mixed · Complementary harmony

Back to Library

Mordfikosz 11

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

Modify
Earthy 11 colors Warm Mixed Complementary artist pjcolorcomp11 pjcolorcomp
Likes 7
Colors 11

CSS variables

:root {
  --c-earthy-1: #BE783C;
  --c-earthy-2: #D7AF87;
  --c-earthy-3: #EBEBAF;
  --c-earthy-4: #64AF50;
  --c-earthy-5: #556E6E;
  --c-earthy-6: #3C3C5F;
  --c-earthy-7: #96D2F0;
  --c-earthy-8: #A07DA0;
  --c-earthy-9: #9B4146;
  --c-earthy-10: #46282D;
  --c-earthy-11: #14141E;
}

About this palette

This 11-color earthy palette runs from Medium Goldenrod (#EBEBAF) as its lightest tone to Kuroi Black (#14141E) as its darkest. It blends Cray, Porcini, Medium Goldenrod, Shiso Green, Micropolis, Patriot Blue, Slightly Spritzig, Wild Lavender, Reddest Red, Rookwood Dark Red and Kuroi Black into a single set you can drop straight into a UI. Of its 55 color pairings, 14 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #EBEBAF on #14141E at 14.83:1.

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

Color breakdown

Cray #BE783C
RGB
rgb(190, 120, 60)
HSL
hsl(28, 52%, 49%)
Luminance
0.247
Porcini #D7AF87
RGB
rgb(215, 175, 135)
HSL
hsl(30, 50%, 69%)
Luminance
0.469
Medium Goldenrod #EBEBAF
RGB
rgb(235, 235, 175)
HSL
hsl(60, 60%, 80%)
Luminance
0.802
Shiso Green #64AF50
RGB
rgb(100, 175, 80)
HSL
hsl(107, 37%, 50%)
Luminance
0.340
Micropolis #556E6E
RGB
rgb(85, 110, 110)
HSL
hsl(180, 13%, 38%)
Luminance
0.142
Patriot Blue #3C3C5F
RGB
rgb(60, 60, 95)
HSL
hsl(240, 23%, 30%)
Luminance
0.050
Slightly Spritzig #96D2F0
RGB
rgb(150, 210, 240)
HSL
hsl(200, 75%, 76%)
Luminance
0.589
Wild Lavender #A07DA0
RGB
rgb(160, 125, 160)
HSL
hsl(300, 16%, 56%)
Luminance
0.247
Reddest Red #9B4146
RGB
rgb(155, 65, 70)
HSL
hsl(357, 41%, 43%)
Luminance
0.112
Rookwood Dark Red #46282D
RGB
rgb(70, 40, 45)
HSL
hsl(350, 27%, 22%)
Luminance
0.030
Kuroi Black #14141E
RGB
rgb(20, 20, 30)
HSL
hsl(240, 20%, 10%)
Luminance
0.007

Contrast & accessibility

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

Aa #EBEBAF on #14141E 14.83:1 AAA
Aa #96D2F0 on #14141E 11.12:1 AAA
Aa #EBEBAF on #46282D 10.63:1 AAA
Aa #D7AF87 on #14141E 9.03:1 AAA
Aa #EBEBAF on #3C3C5F 8.50:1 AAA
Aa #96D2F0 on #46282D 7.97:1 AAA
Aa #64AF50 on #14141E 6.78:1 AA
Aa #D7AF87 on #46282D 6.47:1 AA
Aa #3C3C5F on #96D2F0 6.37:1 AA
Aa #EBEBAF on #9B4146 5.26:1 AA
Aa #D7AF87 on #3C3C5F 5.18:1 AA
Aa #BE783C on #14141E 5.17:1 AA
Aa #A07DA0 on #14141E 5.17:1 AA
Aa #64AF50 on #46282D 4.86:1 AA
Aa #EBEBAF on #556E6E 4.43:1 AA Large
Aa #96D2F0 on #9B4146 3.94:1 AA Large
Aa #64AF50 on #3C3C5F 3.89:1 AA Large
Aa #BE783C on #46282D 3.71:1 AA Large
Aa #A07DA0 on #46282D 3.71:1 AA Large
Aa #556E6E on #14141E 3.34:1 AA Large
Aa #556E6E on #96D2F0 3.32:1 AA Large
Aa #D7AF87 on #9B4146 3.20:1 AA Large
Aa #BE783C on #3C3C5F 2.97:1 Fail
Aa #3C3C5F on #A07DA0 2.96:1 Fail
Aa #BE783C on #EBEBAF 2.87:1 Fail
Aa #EBEBAF on #A07DA0 2.87:1 Fail
Aa #9B4146 on #14141E 2.82:1 Fail
Aa #D7AF87 on #556E6E 2.70:1 Fail
Aa #64AF50 on #9B4146 2.41:1 Fail
Aa #556E6E on #46282D 2.40:1 Fail
Aa #EBEBAF on #64AF50 2.19:1 Fail
Aa #BE783C on #96D2F0 2.15:1 Fail
Aa #96D2F0 on #A07DA0 2.15:1 Fail
Aa #64AF50 on #556E6E 2.03:1 Fail
Aa #9B4146 on #46282D 2.02:1 Fail
Aa #556E6E on #3C3C5F 1.92:1 Fail
Aa #BE783C on #9B4146 1.83:1 Fail
Aa #A07DA0 on #9B4146 1.83:1 Fail
Aa #BE783C on #D7AF87 1.75:1 Fail
Aa #D7AF87 on #A07DA0 1.75:1 Fail
Aa #3C3C5F on #14141E 1.74:1 Fail
Aa #D7AF87 on #EBEBAF 1.64:1 Fail
Aa #64AF50 on #96D2F0 1.64:1 Fail
Aa #3C3C5F on #9B4146 1.62:1 Fail
Aa #BE783C on #556E6E 1.55:1 Fail
Aa #556E6E on #A07DA0 1.55:1 Fail
Aa #46282D on #14141E 1.39:1 Fail
Aa #D7AF87 on #64AF50 1.33:1 Fail
Aa #EBEBAF on #96D2F0 1.33:1 Fail
Aa #BE783C on #64AF50 1.31:1 Fail
Aa #64AF50 on #A07DA0 1.31:1 Fail
Aa #3C3C5F on #46282D 1.25:1 Fail
Aa #D7AF87 on #96D2F0 1.23:1 Fail
Aa #556E6E on #9B4146 1.19:1 Fail
Aa #BE783C on #A07DA0 1.00: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