Sign Up Sign Up
Cataclysm 10

Cataclysm 10

10-color palette · Warm · Dark · Triadic harmony

Back to Library

Cataclysm 10

10-color palette · Warm temperature · Dark tone · Triadic harmony

Modify
Earthy 10 colors Warm Dark Triadic artist starlane
Likes 32
Colors 10

CSS variables

:root {
  --c-earthy-1: #F1A37C;
  --c-earthy-2: #E64A43;
  --c-earthy-3: #BD1A2A;
  --c-earthy-4: #760A32;
  --c-earthy-5: #340A2A;
  --c-earthy-6: #170E22;
  --c-earthy-7: #2C242B;
  --c-earthy-8: #684954;
  --c-earthy-9: #B1817D;
  --c-earthy-10: #D5BAA2;
}

About this palette

This 10-color earthy palette runs from Nutty Beige (#D5BAA2) as its lightest tone to Corbeau (#170E22) as its darkest. It blends Coral Silk, Furious Piñata, Ruby Shard, Deep Claret, Globe Thistle, Corbeau, Black Onyx, Mixed Berry Jam, Night Rose and Nutty Beige into a single set you can drop straight into a UI. Of its 45 color pairings, 12 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #170E22 on #D5BAA2 at 10.13:1.

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

Color breakdown

Coral Silk #F1A37C
RGB
rgb(241, 163, 124)
HSL
hsl(20, 81%, 72%)
Luminance
0.464
Furious Piñata #E64A43
RGB
rgb(230, 74, 67)
HSL
hsl(3, 77%, 58%)
Luminance
0.221
Ruby Shard #BD1A2A
RGB
rgb(189, 26, 42)
HSL
hsl(354, 76%, 42%)
Luminance
0.117
Deep Claret #760A32
RGB
rgb(118, 10, 50)
HSL
hsl(338, 84%, 25%)
Luminance
0.043
Globe Thistle #340A2A
RGB
rgb(52, 10, 42)
HSL
hsl(314, 68%, 12%)
Luminance
0.011
Corbeau #170E22
RGB
rgb(23, 14, 34)
HSL
hsl(267, 42%, 9%)
Luminance
0.006
Black Onyx #2C242B
RGB
rgb(44, 36, 43)
HSL
hsl(308, 10%, 16%)
Luminance
0.020
Mixed Berry Jam #684954
RGB
rgb(104, 73, 84)
HSL
hsl(339, 18%, 35%)
Luminance
0.084
Night Rose #B1817D
RGB
rgb(177, 129, 125)
HSL
hsl(5, 25%, 59%)
Luminance
0.265
Nutty Beige #D5BAA2
RGB
rgb(213, 186, 162)
HSL
hsl(28, 38%, 74%)
Luminance
0.519

Contrast & accessibility

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

Aa #170E22 on #D5BAA2 10.13:1 AAA
Aa #340A2A on #D5BAA2 9.30:1 AAA
Aa #F1A37C on #170E22 9.15:1 AAA
Aa #F1A37C on #340A2A 8.40:1 AAA
Aa #2C242B on #D5BAA2 8.16:1 AAA
Aa #F1A37C on #2C242B 7.37:1 AAA
Aa #760A32 on #D5BAA2 6.12:1 AA
Aa #170E22 on #B1817D 5.62:1 AA
Aa #F1A37C on #760A32 5.52:1 AA
Aa #340A2A on #B1817D 5.16:1 AA
Aa #E64A43 on #170E22 4.83:1 AA
Aa #2C242B on #B1817D 4.52:1 AA
Aa #E64A43 on #340A2A 4.44:1 AA Large
Aa #684954 on #D5BAA2 4.26:1 AA Large
Aa #E64A43 on #2C242B 3.89:1 AA Large
Aa #F1A37C on #684954 3.85:1 AA Large
Aa #BD1A2A on #D5BAA2 3.40:1 AA Large
Aa #760A32 on #B1817D 3.39:1 AA Large
Aa #F1A37C on #BD1A2A 3.07:1 AA Large
Aa #BD1A2A on #170E22 2.98:1 Fail
Aa #E64A43 on #760A32 2.92:1 Fail
Aa #BD1A2A on #340A2A 2.74:1 Fail
Aa #BD1A2A on #2C242B 2.40:1 Fail
Aa #170E22 on #684954 2.38:1 Fail
Aa #684954 on #B1817D 2.36:1 Fail
Aa #340A2A on #684954 2.18:1 Fail
Aa #E64A43 on #D5BAA2 2.10:1 Fail
Aa #E64A43 on #684954 2.03:1 Fail
Aa #2C242B on #684954 1.91:1 Fail
Aa #F1A37C on #E64A43 1.89:1 Fail
Aa #BD1A2A on #B1817D 1.89:1 Fail
Aa #BD1A2A on #760A32 1.80:1 Fail
Aa #B1817D on #D5BAA2 1.80:1 Fail
Aa #760A32 on #170E22 1.66:1 Fail
Aa #F1A37C on #B1817D 1.63:1 Fail
Aa #E64A43 on #BD1A2A 1.62:1 Fail
Aa #760A32 on #340A2A 1.52:1 Fail
Aa #760A32 on #684954 1.44:1 Fail
Aa #760A32 on #2C242B 1.33:1 Fail
Aa #BD1A2A on #684954 1.25:1 Fail
Aa #170E22 on #2C242B 1.24:1 Fail
Aa #E64A43 on #B1817D 1.16:1 Fail
Aa #340A2A on #2C242B 1.14:1 Fail
Aa #F1A37C on #D5BAA2 1.11:1 Fail
Aa #340A2A on #170E22 1.09: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