Sign Up Sign Up
Crystal Attack

Crystal Attack

12-color palette · Warm · Dark · Complementary harmony

Back to Library

Crystal Attack

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

Modify
Earthy 12 colors Warm Dark Complementary gb game rpg crystal
Likes 11
Colors 12

CSS variables

:root {
  --c-earthy-1: #C16F86;
  --c-earthy-2: #6C2D3E;
  --c-earthy-3: #400116;
  --c-earthy-4: #473535;
  --c-earthy-5: #AA7C62;
  --c-earthy-6: #65342D;
  --c-earthy-7: #2B0B0C;
  --c-earthy-8: #0E1525;
  --c-earthy-9: #24454C;
  --c-earthy-10: #638C7A;
  --c-earthy-11: #202A2B;
  --c-earthy-12: #000000;
}

About this palette

This 12-color earthy palette runs from Briar Rose (#C16F86) as its lightest tone to Black (#000000) as its darkest. It blends Briar Rose, Siren, Rhinoceros Beetle, Noblesse Oblige, Tawny Birch, One Dozen, Root Brew, Corbeau, Everglade Deck, Sea Monster, Charleston Green and Black into a single set you can drop straight into a UI. Of its 66 color pairings, 12 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #C16F86 on #000000 at 5.89:1.

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

Color breakdown

Briar Rose #C16F86
RGB
rgb(193, 111, 134)
HSL
hsl(343, 40%, 60%)
Luminance
0.244
Siren #6C2D3E
RGB
rgb(108, 45, 62)
HSL
hsl(344, 41%, 30%)
Luminance
0.054
Rhinoceros Beetle #400116
RGB
rgb(64, 1, 22)
HSL
hsl(340, 97%, 13%)
Luminance
0.012
Noblesse Oblige #473535
RGB
rgb(71, 53, 53)
HSL
hsl(0, 15%, 24%)
Luminance
0.041
Tawny Birch #AA7C62
RGB
rgb(170, 124, 98)
HSL
hsl(22, 30%, 53%)
Luminance
0.238
One Dozen #65342D
RGB
rgb(101, 52, 45)
HSL
hsl(8, 38%, 29%)
Luminance
0.054
Root Brew #2B0B0C
RGB
rgb(43, 11, 12)
HSL
hsl(358, 59%, 11%)
Luminance
0.008
Corbeau #0E1525
RGB
rgb(14, 21, 37)
HSL
hsl(222, 45%, 10%)
Luminance
0.008
Everglade Deck #24454C
RGB
rgb(36, 69, 76)
HSL
hsl(191, 36%, 22%)
Luminance
0.052
Sea Monster #638C7A
RGB
rgb(99, 140, 122)
HSL
hsl(154, 17%, 47%)
Luminance
0.228
Charleston Green #202A2B
RGB
rgb(32, 42, 43)
HSL
hsl(185, 15%, 15%)
Luminance
0.021
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000

Contrast & accessibility

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

Aa #C16F86 on #000000 5.89:1 AA
Aa #AA7C62 on #000000 5.77:1 AA
Aa #638C7A on #000000 5.56:1 AA
Aa #C16F86 on #0E1525 5.11:1 AA
Aa #C16F86 on #2B0B0C 5.09:1 AA
Aa #AA7C62 on #0E1525 5.00:1 AA
Aa #AA7C62 on #2B0B0C 4.99:1 AA
Aa #0E1525 on #638C7A 4.83:1 AA
Aa #2B0B0C on #638C7A 4.81:1 AA
Aa #C16F86 on #400116 4.77:1 AA
Aa #400116 on #AA7C62 4.68:1 AA
Aa #400116 on #638C7A 4.51:1 AA
Aa #C16F86 on #202A2B 4.12:1 AA Large
Aa #AA7C62 on #202A2B 4.04:1 AA Large
Aa #638C7A on #202A2B 3.90:1 AA Large
Aa #C16F86 on #473535 3.22:1 AA Large
Aa #473535 on #AA7C62 3.15:1 AA Large
Aa #473535 on #638C7A 3.04:1 AA Large
Aa #C16F86 on #24454C 2.90:1 Fail
Aa #AA7C62 on #24454C 2.84:1 Fail
Aa #C16F86 on #6C2D3E 2.83:1 Fail
Aa #C16F86 on #65342D 2.83:1 Fail
Aa #6C2D3E on #AA7C62 2.77:1 Fail
Aa #AA7C62 on #65342D 2.77:1 Fail
Aa #24454C on #638C7A 2.74:1 Fail
Aa #6C2D3E on #638C7A 2.67:1 Fail
Aa #65342D on #638C7A 2.67:1 Fail
Aa #6C2D3E on #000000 2.08:1 Fail
Aa #65342D on #000000 2.08:1 Fail
Aa #24454C on #000000 2.03:1 Fail
Aa #473535 on #000000 1.83:1 Fail
Aa #6C2D3E on #0E1525 1.81:1 Fail
Aa #65342D on #0E1525 1.81:1 Fail
Aa #6C2D3E on #2B0B0C 1.80:1 Fail
Aa #65342D on #2B0B0C 1.80:1 Fail
Aa #2B0B0C on #24454C 1.76:1 Fail
Aa #0E1525 on #24454C 1.76:1 Fail
Aa #6C2D3E on #400116 1.69:1 Fail
Aa #400116 on #65342D 1.69:1 Fail
Aa #400116 on #24454C 1.65:1 Fail
Aa #473535 on #0E1525 1.59:1 Fail
Aa #473535 on #2B0B0C 1.58:1 Fail
Aa #400116 on #473535 1.48:1 Fail
Aa #6C2D3E on #202A2B 1.46:1 Fail
Aa #65342D on #202A2B 1.46:1 Fail
Aa #202A2B on #000000 1.43:1 Fail
Aa #24454C on #202A2B 1.42:1 Fail
Aa #473535 on #202A2B 1.28:1 Fail
Aa #0E1525 on #202A2B 1.24:1 Fail
Aa #400116 on #000000 1.23:1 Fail
Aa #2B0B0C on #202A2B 1.23:1 Fail
Aa #400116 on #202A2B 1.16:1 Fail
Aa #2B0B0C on #000000 1.16:1 Fail
Aa #0E1525 on #000000 1.15:1 Fail
Aa #6C2D3E on #473535 1.14:1 Fail
Aa #473535 on #65342D 1.14:1 Fail
Aa #473535 on #24454C 1.11:1 Fail
Aa #400116 on #2B0B0C 1.07:1 Fail
Aa #400116 on #0E1525 1.07:1 Fail
Aa #C16F86 on #638C7A 1.06:1 Fail
Aa #AA7C62 on #638C7A 1.04:1 Fail
Aa #6C2D3E on #24454C 1.03:1 Fail
Aa #65342D on #24454C 1.03:1 Fail
Aa #C16F86 on #AA7C62 1.02:1 Fail
Aa #6C2D3E on #65342D 1.00:1 Fail
Aa #2B0B0C on #0E1525 1.00: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