Sign Up Sign Up
Magia Wow 10

Magia Wow 10

10-color palette · Warm · Mixed · Complementary harmony

Back to Library

Magia Wow 10

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

Modify
Earthy 10 colors Warm Mixed Complementary white magic basic special
Likes 14
Colors 10

CSS variables

:root {
  --c-earthy-1: #2F372F;
  --c-earthy-2: #FEF9FF;
  --c-earthy-3: #5F0768;
  --c-earthy-4: #6986D3;
  --c-earthy-5: #CC4250;
  --c-earthy-6: #6B5B4B;
  --c-earthy-7: #EDBCC1;
  --c-earthy-8: #FCD23F;
  --c-earthy-9: #D0E1DD;
  --c-earthy-10: #747D78;
}

About this palette

This 10-color earthy palette runs from Cold Snow (#FEF9FF) as its lightest tone to Aimiru Brown (#2F372F) as its darkest. It blends Aimiru Brown, Cold Snow, Purple Dreamer, Livid, New Brick Red, Domino, Cat Nose, Daisy, Water Baptism and Harbour Rat into a single set you can drop straight into a UI. Of its 45 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #2F372F on #FEF9FF at 11.83:1.

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

Color breakdown

Aimiru Brown #2F372F
RGB
rgb(47, 55, 47)
HSL
hsl(120, 8%, 20%)
Luminance
0.035
Cold Snow #FEF9FF
RGB
rgb(254, 249, 255)
HSL
hsl(290, 100%, 99%)
Luminance
0.960
Purple Dreamer #5F0768
RGB
rgb(95, 7, 104)
HSL
hsl(294, 87%, 22%)
Luminance
0.036
Livid #6986D3
RGB
rgb(105, 134, 211)
HSL
hsl(224, 55%, 62%)
Luminance
0.248
New Brick Red #CC4250
RGB
rgb(204, 66, 80)
HSL
hsl(354, 58%, 53%)
Luminance
0.173
Domino #6B5B4B
RGB
rgb(107, 91, 75)
HSL
hsl(30, 18%, 36%)
Luminance
0.111
Cat Nose #EDBCC1
RGB
rgb(237, 188, 193)
HSL
hsl(354, 58%, 83%)
Luminance
0.578
Daisy #FCD23F
RGB
rgb(252, 210, 63)
HSL
hsl(47, 97%, 62%)
Luminance
0.672
Water Baptism #D0E1DD
RGB
rgb(208, 225, 221)
HSL
hsl(166, 22%, 85%)
Luminance
0.725
Harbour Rat #747D78
RGB
rgb(116, 125, 120)
HSL
hsl(147, 4%, 47%)
Luminance
0.197

Contrast & accessibility

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

Aa #2F372F on #FEF9FF 11.83:1 AAA
Aa #FEF9FF on #5F0768 11.77:1 AAA
Aa #2F372F on #D0E1DD 9.07:1 AAA
Aa #5F0768 on #D0E1DD 9.03:1 AAA
Aa #2F372F on #FCD23F 8.45:1 AAA
Aa #5F0768 on #FCD23F 8.40:1 AAA
Aa #2F372F on #EDBCC1 7.35:1 AAA
Aa #5F0768 on #EDBCC1 7.32:1 AAA
Aa #FEF9FF on #6B5B4B 6.27:1 AA
Aa #6B5B4B on #D0E1DD 4.81:1 AA
Aa #FEF9FF on #CC4250 4.53:1 AA
Aa #6B5B4B on #FCD23F 4.48:1 AA Large
Aa #FEF9FF on #747D78 4.08:1 AA Large
Aa #6B5B4B on #EDBCC1 3.90:1 AA Large
Aa #2F372F on #6986D3 3.48:1 AA Large
Aa #5F0768 on #6986D3 3.47:1 AA Large
Aa #CC4250 on #D0E1DD 3.47:1 AA Large
Aa #FEF9FF on #6986D3 3.40:1 AA Large
Aa #CC4250 on #FCD23F 3.23:1 AA Large
Aa #D0E1DD on #747D78 3.13:1 AA Large
Aa #FCD23F on #747D78 2.92:1 Fail
Aa #2F372F on #747D78 2.90:1 Fail
Aa #5F0768 on #747D78 2.88:1 Fail
Aa #CC4250 on #EDBCC1 2.82:1 Fail
Aa #2F372F on #CC4250 2.61:1 Fail
Aa #5F0768 on #CC4250 2.60:1 Fail
Aa #6986D3 on #D0E1DD 2.60:1 Fail
Aa #EDBCC1 on #747D78 2.54:1 Fail
Aa #6986D3 on #FCD23F 2.42:1 Fail
Aa #6986D3 on #EDBCC1 2.11:1 Fail
Aa #2F372F on #6B5B4B 1.89:1 Fail
Aa #5F0768 on #6B5B4B 1.88:1 Fail
Aa #6986D3 on #6B5B4B 1.85:1 Fail
Aa #FEF9FF on #EDBCC1 1.61:1 Fail
Aa #6B5B4B on #747D78 1.53:1 Fail
Aa #FEF9FF on #FCD23F 1.40:1 Fail
Aa #CC4250 on #6B5B4B 1.38:1 Fail
Aa #6986D3 on #CC4250 1.33:1 Fail
Aa #FEF9FF on #D0E1DD 1.30:1 Fail
Aa #EDBCC1 on #D0E1DD 1.23:1 Fail
Aa #6986D3 on #747D78 1.20:1 Fail
Aa #EDBCC1 on #FCD23F 1.15:1 Fail
Aa #CC4250 on #747D78 1.11:1 Fail
Aa #FCD23F on #D0E1DD 1.07:1 Fail
Aa #2F372F on #5F0768 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