Sign Up Sign Up
Color Miku

Color Miku

11-color palette · Warm · Mixed · Complementary harmony

Back to Library

Color Miku

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

Modify
Earthy 11 colors Warm Mixed Complementary hatsunemiku brasil coresclaras
Likes 22
Colors 11

CSS variables

:root {
  --c-earthy-1: #513B40;
  --c-earthy-2: #A9824D;
  --c-earthy-3: #D4AE82;
  --c-earthy-4: #F2E095;
  --c-earthy-5: #5C64A4;
  --c-earthy-6: #D7DFD7;
  --c-earthy-7: #95BBB1;
  --c-earthy-8: #8C89A3;
  --c-earthy-9: #65757E;
  --c-earthy-10: #DDAAAF;
  --c-earthy-11: #D2DACC;
}

About this palette

This 11-color earthy palette runs from Cheesy Frittata (#F2E095) as its lightest tone to Monarch Velvet (#513B40) as its darkest. It blends Monarch Velvet, Muddy Waters, Sheaf, Cheesy Frittata, Blue Iris, Secret Crush, Teal Tree, Antiquate, Wharf View, Pale Chestnut and Light Gentle Calm into a single set you can drop straight into a UI. Of its 55 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #513B40 on #F2E095 at 7.74:1.

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

Color breakdown

Monarch Velvet #513B40
RGB
rgb(81, 59, 64)
HSL
hsl(346, 16%, 27%)
Luminance
0.053
Muddy Waters #A9824D
RGB
rgb(169, 130, 77)
HSL
hsl(35, 37%, 48%)
Luminance
0.249
Sheaf #D4AE82
RGB
rgb(212, 174, 130)
HSL
hsl(32, 49%, 67%)
Luminance
0.459
Cheesy Frittata #F2E095
RGB
rgb(242, 224, 149)
HSL
hsl(48, 78%, 77%)
Luminance
0.744
Blue Iris #5C64A4
RGB
rgb(92, 100, 164)
HSL
hsl(233, 28%, 50%)
Luminance
0.141
Secret Crush #D7DFD7
RGB
rgb(215, 223, 215)
HSL
hsl(120, 11%, 86%)
Luminance
0.721
Teal Tree #95BBB1
RGB
rgb(149, 187, 177)
HSL
hsl(164, 22%, 66%)
Luminance
0.451
Antiquate #8C89A3
RGB
rgb(140, 137, 163)
HSL
hsl(247, 12%, 59%)
Luminance
0.261
Wharf View #65757E
RGB
rgb(101, 117, 126)
HSL
hsl(202, 11%, 45%)
Luminance
0.170
Pale Chestnut #DDAAAF
RGB
rgb(221, 170, 175)
HSL
hsl(354, 43%, 77%)
Luminance
0.472
Light Gentle Calm #D2DACC
RGB
rgb(210, 218, 204)
HSL
hsl(94, 16%, 83%)
Luminance
0.682

Contrast & accessibility

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

Aa #513B40 on #F2E095 7.74:1 AAA
Aa #513B40 on #D7DFD7 7.53:1 AAA
Aa #513B40 on #D2DACC 7.14:1 AAA
Aa #513B40 on #DDAAAF 5.10:1 AA
Aa #513B40 on #D4AE82 4.97:1 AA
Aa #513B40 on #95BBB1 4.89:1 AA
Aa #F2E095 on #5C64A4 4.16:1 AA Large
Aa #5C64A4 on #D7DFD7 4.04:1 AA Large
Aa #5C64A4 on #D2DACC 3.84:1 AA Large
Aa #F2E095 on #65757E 3.61:1 AA Large
Aa #D7DFD7 on #65757E 3.51:1 AA Large
Aa #65757E on #D2DACC 3.33:1 AA Large
Aa #513B40 on #8C89A3 3.04:1 AA Large
Aa #513B40 on #A9824D 2.92:1 Fail
Aa #5C64A4 on #DDAAAF 2.74:1 Fail
Aa #D4AE82 on #5C64A4 2.67:1 Fail
Aa #A9824D on #F2E095 2.65:1 Fail
Aa #5C64A4 on #95BBB1 2.63:1 Fail
Aa #A9824D on #D7DFD7 2.58:1 Fail
Aa #F2E095 on #8C89A3 2.55:1 Fail
Aa #D7DFD7 on #8C89A3 2.48:1 Fail
Aa #A9824D on #D2DACC 2.45:1 Fail
Aa #65757E on #DDAAAF 2.37:1 Fail
Aa #8C89A3 on #D2DACC 2.35:1 Fail
Aa #D4AE82 on #65757E 2.31:1 Fail
Aa #95BBB1 on #65757E 2.28:1 Fail
Aa #513B40 on #65757E 2.15:1 Fail
Aa #513B40 on #5C64A4 1.86:1 Fail
Aa #A9824D on #DDAAAF 1.74:1 Fail
Aa #A9824D on #D4AE82 1.70:1 Fail
Aa #8C89A3 on #DDAAAF 1.68:1 Fail
Aa #A9824D on #95BBB1 1.67:1 Fail
Aa #D4AE82 on #8C89A3 1.64:1 Fail
Aa #5C64A4 on #8C89A3 1.63:1 Fail
Aa #95BBB1 on #8C89A3 1.61:1 Fail
Aa #F2E095 on #95BBB1 1.58:1 Fail
Aa #A9824D on #5C64A4 1.57:1 Fail
Aa #D4AE82 on #F2E095 1.56:1 Fail
Aa #D7DFD7 on #95BBB1 1.54:1 Fail
Aa #D4AE82 on #D7DFD7 1.52:1 Fail
Aa #F2E095 on #DDAAAF 1.52:1 Fail
Aa #D7DFD7 on #DDAAAF 1.48:1 Fail
Aa #95BBB1 on #D2DACC 1.46:1 Fail
Aa #D4AE82 on #D2DACC 1.44:1 Fail
Aa #8C89A3 on #65757E 1.41:1 Fail
Aa #DDAAAF on #D2DACC 1.40:1 Fail
Aa #A9824D on #65757E 1.36:1 Fail
Aa #5C64A4 on #65757E 1.15:1 Fail
Aa #F2E095 on #D2DACC 1.08:1 Fail
Aa #D7DFD7 on #D2DACC 1.05:1 Fail
Aa #A9824D on #8C89A3 1.04:1 Fail
Aa #95BBB1 on #DDAAAF 1.04:1 Fail
Aa #D4AE82 on #DDAAAF 1.03:1 Fail
Aa #F2E095 on #D7DFD7 1.03:1 Fail
Aa #D4AE82 on #95BBB1 1.02: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