Sign Up Sign Up
Bestiary

Bestiary

9-color palette · Warm · Mixed · Analogous harmony

Back to Library

Bestiary

9-color palette · Warm temperature · Mixed tone · Analogous harmony

Modify
Muted 9 colors Warm Mixed Analogous pixelart fantasy eerie monsters
Likes 21
Colors 9

CSS variables

:root {
  --c-muted-1: #6E934F;
  --c-muted-2: #A2B669;
  --c-muted-3: #D3DA83;
  --c-muted-4: #BBC13C;
  --c-muted-5: #949E2C;
  --c-muted-6: #7F7A28;
  --c-muted-7: #5F6520;
  --c-muted-8: #304F10;
  --c-muted-9: #1D3500;
}

About this palette

This 9-color muted palette runs from Fresh Pear (#D3DA83) as its lightest tone to Blind Forest (#1D3500) as its darkest. It blends Drab Green, Light Birch Green, Fresh Pear, Tropic Canary, Forest Lichen, Faience Green, Kirchner Green, Treetop Cathedral and Blind Forest into a single set you can drop straight into a UI. Of its 36 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #D3DA83 on #1D3500 at 9.05:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Drab Green #6E934F
RGB
rgb(110, 147, 79)
HSL
hsl(93, 30%, 44%)
Luminance
0.248
Light Birch Green #A2B669
RGB
rgb(162, 182, 105)
HSL
hsl(76, 35%, 56%)
Luminance
0.422
Fresh Pear #D3DA83
RGB
rgb(211, 218, 131)
HSL
hsl(65, 54%, 68%)
Luminance
0.656
Tropic Canary #BBC13C
RGB
rgb(187, 193, 60)
HSL
hsl(63, 53%, 50%)
Luminance
0.490
Forest Lichen #949E2C
RGB
rgb(148, 158, 44)
HSL
hsl(65, 56%, 40%)
Luminance
0.309
Faience Green #7F7A28
RGB
rgb(127, 122, 40)
HSL
hsl(57, 52%, 33%)
Luminance
0.186
Kirchner Green #5F6520
RGB
rgb(95, 101, 32)
HSL
hsl(65, 52%, 26%)
Luminance
0.118
Treetop Cathedral #304F10
RGB
rgb(48, 79, 16)
HSL
hsl(90, 66%, 19%)
Luminance
0.063
Blind Forest #1D3500
RGB
rgb(29, 53, 0)
HSL
hsl(87, 100%, 10%)
Luminance
0.028

Contrast & accessibility

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

Aa #D3DA83 on #1D3500 9.05:1 AAA
Aa #BBC13C on #1D3500 6.92:1 AA
Aa #D3DA83 on #304F10 6.27:1 AA
Aa #A2B669 on #1D3500 6.04:1 AA
Aa #BBC13C on #304F10 4.80:1 AA
Aa #949E2C on #1D3500 4.60:1 AA
Aa #A2B669 on #304F10 4.19:1 AA Large
Aa #D3DA83 on #5F6520 4.19:1 AA Large
Aa #6E934F on #1D3500 3.81:1 AA Large
Aa #BBC13C on #5F6520 3.21:1 AA Large
Aa #949E2C on #304F10 3.19:1 AA Large
Aa #7F7A28 on #1D3500 3.02:1 AA Large
Aa #D3DA83 on #7F7A28 2.99:1 Fail
Aa #A2B669 on #5F6520 2.80:1 Fail
Aa #6E934F on #304F10 2.64:1 Fail
Aa #6E934F on #D3DA83 2.37:1 Fail
Aa #BBC13C on #7F7A28 2.29:1 Fail
Aa #5F6520 on #1D3500 2.16:1 Fail
Aa #949E2C on #5F6520 2.13:1 Fail
Aa #7F7A28 on #304F10 2.09:1 Fail
Aa #A2B669 on #7F7A28 2.00:1 Fail
Aa #D3DA83 on #949E2C 1.97:1 Fail
Aa #6E934F on #BBC13C 1.82:1 Fail
Aa #6E934F on #5F6520 1.77:1 Fail
Aa #6E934F on #A2B669 1.59:1 Fail
Aa #949E2C on #7F7A28 1.52:1 Fail
Aa #A2B669 on #D3DA83 1.50:1 Fail
Aa #BBC13C on #949E2C 1.50:1 Fail
Aa #5F6520 on #304F10 1.50:1 Fail
Aa #304F10 on #1D3500 1.44:1 Fail
Aa #7F7A28 on #5F6520 1.40:1 Fail
Aa #A2B669 on #949E2C 1.31:1 Fail
Aa #D3DA83 on #BBC13C 1.31:1 Fail
Aa #6E934F on #7F7A28 1.26:1 Fail
Aa #6E934F on #949E2C 1.21:1 Fail
Aa #A2B669 on #BBC13C 1.15: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