Sign Up Sign Up
AAP Micro12

AAP Micro12

12-color palette · Warm · Dark · Complementary harmony

Back to Library

AAP Micro12

12-color palette · Warm temperature · Dark tone · Complementary harmony

Modify
Earthy 12 colors Warm Dark Complementary artist adigunpolack
Likes 60
Colors 12

CSS variables

:root {
  --c-earthy-1: #040303;
  --c-earthy-2: #1C1618;
  --c-earthy-3: #47416B;
  --c-earthy-4: #6C8C50;
  --c-earthy-5: #E3D245;
  --c-earthy-6: #D88038;
  --c-earthy-7: #A13D3B;
  --c-earthy-8: #4E282E;
  --c-earthy-9: #9A407E;
  --c-earthy-10: #F0D472;
  --c-earthy-11: #F9F5EF;
  --c-earthy-12: #8A8FC4;
}

About this palette

This 12-color earthy palette runs from Silver Bird (#F9F5EF) as its lightest tone to Armour Wash (#040303) as its darkest. It blends Armour Wash, Bats Cloak, Evening Mauve, Bright Forest, Golden Relic, Mexican Spirit, Bijou Red, Heath, Grape Riot, Funky Yellow, Silver Bird and Carriage Ride into a single set you can drop straight into a UI. Of its 66 color pairings, 20 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #040303 on #F9F5EF at 18.97:1.

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

Color breakdown

Armour Wash #040303
RGB
rgb(4, 3, 3)
HSL
hsl(0, 14%, 1%)
Luminance
0.001
Bats Cloak #1C1618
RGB
rgb(28, 22, 24)
HSL
hsl(340, 12%, 10%)
Luminance
0.009
Evening Mauve #47416B
RGB
rgb(71, 65, 107)
HSL
hsl(249, 24%, 34%)
Luminance
0.062
Bright Forest #6C8C50
RGB
rgb(108, 140, 80)
HSL
hsl(92, 27%, 43%)
Luminance
0.225
Golden Relic #E3D245
RGB
rgb(227, 210, 69)
HSL
hsl(54, 74%, 58%)
Luminance
0.629
Mexican Spirit #D88038
RGB
rgb(216, 128, 56)
HSL
hsl(27, 67%, 53%)
Luminance
0.303
Bijou Red #A13D3B
RGB
rgb(161, 61, 59)
HSL
hsl(1, 46%, 43%)
Luminance
0.112
Heath #4E282E
RGB
rgb(78, 40, 46)
HSL
hsl(351, 32%, 23%)
Luminance
0.033
Grape Riot #9A407E
RGB
rgb(154, 64, 126)
HSL
hsl(319, 41%, 43%)
Luminance
0.120
Funky Yellow #F0D472
RGB
rgb(240, 212, 114)
HSL
hsl(47, 81%, 69%)
Luminance
0.668
Silver Bird #F9F5EF
RGB
rgb(249, 245, 239)
HSL
hsl(36, 45%, 96%)
Luminance
0.917
Carriage Ride #8A8FC4
RGB
rgb(138, 143, 196)
HSL
hsl(235, 33%, 65%)
Luminance
0.290

Contrast & accessibility

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

Aa #040303 on #F9F5EF 18.97:1 AAA
Aa #1C1618 on #F9F5EF 16.42:1 AAA
Aa #040303 on #F0D472 14.09:1 AAA
Aa #040303 on #E3D245 13.31:1 AAA
Aa #1C1618 on #F0D472 12.20:1 AAA
Aa #4E282E on #F9F5EF 11.60:1 AAA
Aa #1C1618 on #E3D245 11.53:1 AAA
Aa #47416B on #F9F5EF 8.65:1 AAA
Aa #4E282E on #F0D472 8.62:1 AAA
Aa #E3D245 on #4E282E 8.14:1 AAA
Aa #040303 on #D88038 6.93:1 AA
Aa #040303 on #8A8FC4 6.68:1 AA
Aa #47416B on #F0D472 6.42:1 AA
Aa #47416B on #E3D245 6.07:1 AA
Aa #1C1618 on #D88038 6.00:1 AA
Aa #A13D3B on #F9F5EF 5.96:1 AA
Aa #1C1618 on #8A8FC4 5.78:1 AA
Aa #9A407E on #F9F5EF 5.67:1 AA
Aa #040303 on #6C8C50 5.40:1 AA
Aa #1C1618 on #6C8C50 4.68:1 AA
Aa #A13D3B on #F0D472 4.43:1 AA Large
Aa #D88038 on #4E282E 4.24:1 AA Large
Aa #9A407E on #F0D472 4.21:1 AA Large
Aa #E3D245 on #A13D3B 4.18:1 AA Large
Aa #4E282E on #8A8FC4 4.08:1 AA Large
Aa #E3D245 on #9A407E 3.98:1 AA Large
Aa #6C8C50 on #F9F5EF 3.51:1 AA Large
Aa #040303 on #9A407E 3.34:1 AA Large
Aa #6C8C50 on #4E282E 3.30:1 AA Large
Aa #040303 on #A13D3B 3.18:1 AA Large
Aa #47416B on #D88038 3.16:1 AA Large
Aa #47416B on #8A8FC4 3.04:1 AA Large
Aa #1C1618 on #9A407E 2.90:1 Fail
Aa #F9F5EF on #8A8FC4 2.84:1 Fail
Aa #1C1618 on #A13D3B 2.76:1 Fail
Aa #D88038 on #F9F5EF 2.74:1 Fail
Aa #6C8C50 on #F0D472 2.61:1 Fail
Aa #6C8C50 on #E3D245 2.47:1 Fail
Aa #47416B on #6C8C50 2.46:1 Fail
Aa #040303 on #47416B 2.19:1 Fail
Aa #D88038 on #A13D3B 2.18:1 Fail
Aa #F0D472 on #8A8FC4 2.11:1 Fail
Aa #A13D3B on #8A8FC4 2.10:1 Fail
Aa #D88038 on #9A407E 2.07:1 Fail
Aa #4E282E on #9A407E 2.04:1 Fail
Aa #D88038 on #F0D472 2.03:1 Fail
Aa #9A407E on #8A8FC4 2.00:1 Fail
Aa #E3D245 on #8A8FC4 1.99:1 Fail
Aa #A13D3B on #4E282E 1.95:1 Fail
Aa #E3D245 on #D88038 1.92:1 Fail
Aa #1C1618 on #47416B 1.90:1 Fail
Aa #6C8C50 on #A13D3B 1.70:1 Fail
Aa #040303 on #4E282E 1.64:1 Fail
Aa #6C8C50 on #9A407E 1.61:1 Fail
Aa #47416B on #9A407E 1.52:1 Fail
Aa #47416B on #A13D3B 1.45:1 Fail
Aa #1C1618 on #4E282E 1.42:1 Fail
Aa #E3D245 on #F9F5EF 1.42:1 Fail
Aa #F0D472 on #F9F5EF 1.35:1 Fail
Aa #47416B on #4E282E 1.34:1 Fail
Aa #6C8C50 on #D88038 1.28:1 Fail
Aa #6C8C50 on #8A8FC4 1.24:1 Fail
Aa #040303 on #1C1618 1.15:1 Fail
Aa #E3D245 on #F0D472 1.06:1 Fail
Aa #A13D3B on #9A407E 1.05:1 Fail
Aa #D88038 on #8A8FC4 1.04:1 Fail

Similar palettes

#000000 #3D0000 #950101 #FF0000
4 colors
#E23E57 #88304E #522546 #311D3F
4 colors
#FF204E #A0153E #5D0E41 #00224D
4 colors
#030637 #3C0753 #720455 #910A67
4 colors
#1C0A00 #361500 #603601 #CC9544
4 colors
#252525 #FF0000 #AF0404 #414141
4 colors
#362222 #171010 #423F3E #2B2B2B
4 colors
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colors