Sign Up Sign Up
War Train

War Train

12-color palette · Neutral · Mixed · Complementary harmony

Back to Library

War Train

12-color palette · Neutral temperature · Mixed tone · Complementary harmony

Modify
Muted 12 colors Neutral Mixed Complementary green purple natural mud
Likes 9
Colors 12

CSS variables

:root {
  --c-muted-1: #103F2F;
  --c-muted-2: #38574F;
  --c-muted-3: #5A794F;
  --c-muted-4: #89AC4F;
  --c-muted-5: #B2DC8F;
  --c-muted-6: #5D531C;
  --c-muted-7: #3D4308;
  --c-muted-8: #8C6DAF;
  --c-muted-9: #7C2D9F;
  --c-muted-10: #4C3D5F;
  --c-muted-11: #303C3C;
  --c-muted-12: #505C5C;
}

About this palette

This 12-color muted palette runs from Sage Sensation (#B2DC8F) as its lightest tone to Mizukaze Green (#103F2F) as its darkest. It blends Mizukaze Green, Balsam Branch, Torrey Pine, Mosquito Fern, Sage Sensation, Bronze Olive, Green Not Found, Violet Frog, Skeletor’s Cape, Powerful Mauve, Edge of the Galaxy and Midnight in NY into a single set you can drop straight into a UI. Of its 66 color pairings, 8 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #103F2F on #B2DC8F at 7.62:1.

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

Color breakdown

Mizukaze Green #103F2F
RGB
rgb(16, 63, 47)
HSL
hsl(160, 59%, 15%)
Luminance
0.039
Balsam Branch #38574F
RGB
rgb(56, 87, 79)
HSL
hsl(165, 22%, 28%)
Luminance
0.082
Torrey Pine #5A794F
RGB
rgb(90, 121, 79)
HSL
hsl(104, 21%, 39%)
Luminance
0.164
Mosquito Fern #89AC4F
RGB
rgb(137, 172, 79)
HSL
hsl(83, 37%, 49%)
Luminance
0.354
Sage Sensation #B2DC8F
RGB
rgb(178, 220, 143)
HSL
hsl(93, 52%, 71%)
Luminance
0.626
Bronze Olive #5D531C
RGB
rgb(93, 83, 28)
HSL
hsl(51, 54%, 24%)
Luminance
0.086
Green Not Found #3D4308
RGB
rgb(61, 67, 8)
HSL
hsl(66, 79%, 15%)
Luminance
0.050
Violet Frog #8C6DAF
RGB
rgb(140, 109, 175)
HSL
hsl(268, 29%, 56%)
Luminance
0.196
Skeletor’s Cape #7C2D9F
RGB
rgb(124, 45, 159)
HSL
hsl(282, 56%, 40%)
Luminance
0.087
Powerful Mauve #4C3D5F
RGB
rgb(76, 61, 95)
HSL
hsl(266, 22%, 31%)
Luminance
0.057
Edge of the Galaxy #303C3C
RGB
rgb(48, 60, 60)
HSL
hsl(180, 11%, 21%)
Luminance
0.042
Midnight in NY #505C5C
RGB
rgb(80, 92, 92)
HSL
hsl(180, 7%, 34%)
Luminance
0.101

Contrast & accessibility

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

Aa #103F2F on #B2DC8F 7.62:1 AAA
Aa #B2DC8F on #303C3C 7.36:1 AAA
Aa #B2DC8F on #3D4308 6.75:1 AA
Aa #B2DC8F on #4C3D5F 6.32:1 AA
Aa #38574F on #B2DC8F 5.12:1 AA
Aa #B2DC8F on #5D531C 4.97:1 AA
Aa #B2DC8F on #7C2D9F 4.95:1 AA
Aa #103F2F on #89AC4F 4.55:1 AA
Aa #B2DC8F on #505C5C 4.47:1 AA Large
Aa #89AC4F on #303C3C 4.40:1 AA Large
Aa #89AC4F on #3D4308 4.03:1 AA Large
Aa #89AC4F on #4C3D5F 3.77:1 AA Large
Aa #5A794F on #B2DC8F 3.16:1 AA Large
Aa #38574F on #89AC4F 3.05:1 AA Large
Aa #89AC4F on #5D531C 2.97:1 Fail
Aa #89AC4F on #7C2D9F 2.96:1 Fail
Aa #103F2F on #8C6DAF 2.77:1 Fail
Aa #B2DC8F on #8C6DAF 2.75:1 Fail
Aa #8C6DAF on #303C3C 2.68:1 Fail
Aa #89AC4F on #505C5C 2.67:1 Fail
Aa #3D4308 on #8C6DAF 2.45:1 Fail
Aa #103F2F on #5A794F 2.41:1 Fail
Aa #5A794F on #303C3C 2.33:1 Fail
Aa #8C6DAF on #4C3D5F 2.30:1 Fail
Aa #5A794F on #3D4308 2.14:1 Fail
Aa #5A794F on #4C3D5F 2.00:1 Fail
Aa #5A794F on #89AC4F 1.89:1 Fail
Aa #38574F on #8C6DAF 1.86:1 Fail
Aa #5D531C on #8C6DAF 1.81:1 Fail
Aa #8C6DAF on #7C2D9F 1.80:1 Fail
Aa #103F2F on #505C5C 1.71:1 Fail
Aa #89AC4F on #B2DC8F 1.67:1 Fail
Aa #303C3C on #505C5C 1.65:1 Fail
Aa #89AC4F on #8C6DAF 1.64:1 Fail
Aa #8C6DAF on #505C5C 1.63:1 Fail
Aa #38574F on #5A794F 1.62:1 Fail
Aa #5A794F on #5D531C 1.57:1 Fail
Aa #5A794F on #7C2D9F 1.57:1 Fail
Aa #103F2F on #7C2D9F 1.54:1 Fail
Aa #103F2F on #5D531C 1.53:1 Fail
Aa #3D4308 on #505C5C 1.51:1 Fail
Aa #103F2F on #38574F 1.49:1 Fail
Aa #7C2D9F on #303C3C 1.49:1 Fail
Aa #5D531C on #303C3C 1.48:1 Fail
Aa #38574F on #303C3C 1.44:1 Fail
Aa #5A794F on #505C5C 1.42:1 Fail
Aa #4C3D5F on #505C5C 1.41:1 Fail
Aa #5D531C on #3D4308 1.36:1 Fail
Aa #3D4308 on #7C2D9F 1.36:1 Fail
Aa #38574F on #3D4308 1.32:1 Fail
Aa #7C2D9F on #4C3D5F 1.28:1 Fail
Aa #5D531C on #4C3D5F 1.27:1 Fail
Aa #38574F on #4C3D5F 1.24:1 Fail
Aa #103F2F on #4C3D5F 1.21:1 Fail
Aa #4C3D5F on #303C3C 1.16:1 Fail
Aa #5A794F on #8C6DAF 1.15:1 Fail
Aa #38574F on #505C5C 1.14:1 Fail
Aa #103F2F on #3D4308 1.13:1 Fail
Aa #5D531C on #505C5C 1.11:1 Fail
Aa #7C2D9F on #505C5C 1.11:1 Fail
Aa #3D4308 on #303C3C 1.09:1 Fail
Aa #3D4308 on #4C3D5F 1.07:1 Fail
Aa #103F2F on #303C3C 1.04:1 Fail
Aa #38574F on #5D531C 1.03:1 Fail
Aa #38574F on #7C2D9F 1.03:1 Fail
Aa #5D531C on #7C2D9F 1.00:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors