Sign Up Sign Up
TY Fate & Destiny 12

TY Fate & Destiny 12

12-color palette · Neutral · Mixed · Complementary harmony

Back to Library

TY Fate & Destiny 12

12-color palette · Neutral temperature · Mixed tone · Complementary harmony

Modify
Earthy 12 colors Neutral Mixed Complementary old fantasy limited retro
Likes 15
Colors 12

CSS variables

:root {
  --c-earthy-1: #DFD8C0;
  --c-earthy-2: #8BC3CA;
  --c-earthy-3: #728582;
  --c-earthy-4: #41435A;
  --c-earthy-5: #A6AA62;
  --c-earthy-6: #4A975C;
  --c-earthy-7: #5E6D2C;
  --c-earthy-8: #D5A93A;
  --c-earthy-9: #BF6A32;
  --c-earthy-10: #783D35;
  --c-earthy-11: #4A4126;
  --c-earthy-12: #000000;
}

About this palette

This 12-color earthy palette runs from Dream Grass (#DFD8C0) as its lightest tone to Black (#000000) as its darkest. It blends Dream Grass, Cerulean Skies, Armour, Amphystine, Elf Slippers, Clover Patch, Deathworld Forest, Brassy Tint, Sesame Crunch, Ducal, Onion and Black into a single set you can drop straight into a UI. Of its 66 color pairings, 13 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #DFD8C0 on #000000 at 14.72:1.

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

Color breakdown

Dream Grass #DFD8C0
RGB
rgb(223, 216, 192)
HSL
hsl(46, 33%, 81%)
Luminance
0.686
Cerulean Skies #8BC3CA
RGB
rgb(139, 195, 202)
HSL
hsl(187, 37%, 67%)
Luminance
0.488
Armour #728582
RGB
rgb(114, 133, 130)
HSL
hsl(171, 8%, 48%)
Luminance
0.220
Amphystine #41435A
RGB
rgb(65, 67, 90)
HSL
hsl(235, 16%, 30%)
Luminance
0.059
Elf Slippers #A6AA62
RGB
rgb(166, 170, 98)
HSL
hsl(63, 30%, 53%)
Luminance
0.377
Clover Patch #4A975C
RGB
rgb(74, 151, 92)
HSL
hsl(134, 34%, 44%)
Luminance
0.244
Deathworld Forest #5E6D2C
RGB
rgb(94, 109, 44)
HSL
hsl(74, 42%, 30%)
Luminance
0.135
Brassy Tint #D5A93A
RGB
rgb(213, 169, 58)
HSL
hsl(43, 65%, 53%)
Luminance
0.428
Sesame Crunch #BF6A32
RGB
rgb(191, 106, 50)
HSL
hsl(24, 59%, 47%)
Luminance
0.216
Ducal #783D35
RGB
rgb(120, 61, 53)
HSL
hsl(7, 39%, 34%)
Luminance
0.076
Onion #4A4126
RGB
rgb(74, 65, 38)
HSL
hsl(45, 32%, 22%)
Luminance
0.054
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000

Contrast & accessibility

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

Aa #DFD8C0 on #000000 14.72:1 AAA
Aa #8BC3CA on #000000 10.76:1 AAA
Aa #D5A93A on #000000 9.57:1 AAA
Aa #A6AA62 on #000000 8.55:1 AAA
Aa #DFD8C0 on #4A4126 7.09:1 AAA
Aa #DFD8C0 on #41435A 6.77:1 AA
Aa #4A975C on #000000 5.87:1 AA
Aa #DFD8C0 on #783D35 5.85:1 AA
Aa #728582 on #000000 5.39:1 AA
Aa #BF6A32 on #000000 5.32:1 AA
Aa #8BC3CA on #4A4126 5.18:1 AA
Aa #8BC3CA on #41435A 4.95:1 AA
Aa #D5A93A on #4A4126 4.61:1 AA
Aa #41435A on #D5A93A 4.40:1 AA Large
Aa #8BC3CA on #783D35 4.27:1 AA Large
Aa #A6AA62 on #4A4126 4.12:1 AA Large
Aa #DFD8C0 on #5E6D2C 3.98:1 AA Large
Aa #41435A on #A6AA62 3.93:1 AA Large
Aa #D5A93A on #783D35 3.80:1 AA Large
Aa #5E6D2C on #000000 3.70:1 AA Large
Aa #A6AA62 on #783D35 3.40:1 AA Large
Aa #8BC3CA on #5E6D2C 2.91:1 Fail
Aa #4A975C on #4A4126 2.83:1 Fail
Aa #DFD8C0 on #BF6A32 2.77:1 Fail
Aa #DFD8C0 on #728582 2.73:1 Fail
Aa #41435A on #4A975C 2.70:1 Fail
Aa #728582 on #4A4126 2.60:1 Fail
Aa #5E6D2C on #D5A93A 2.59:1 Fail
Aa #BF6A32 on #4A4126 2.56:1 Fail
Aa #783D35 on #000000 2.52:1 Fail
Aa #DFD8C0 on #4A975C 2.51:1 Fail
Aa #728582 on #41435A 2.48:1 Fail
Aa #41435A on #BF6A32 2.45:1 Fail
Aa #4A975C on #783D35 2.33:1 Fail
Aa #A6AA62 on #5E6D2C 2.31:1 Fail
Aa #41435A on #000000 2.18:1 Fail
Aa #728582 on #783D35 2.14:1 Fail
Aa #BF6A32 on #783D35 2.11:1 Fail
Aa #4A4126 on #000000 2.08:1 Fail
Aa #8BC3CA on #BF6A32 2.02:1 Fail
Aa #8BC3CA on #728582 1.99:1 Fail
Aa #8BC3CA on #4A975C 1.83:1 Fail
Aa #D5A93A on #BF6A32 1.80:1 Fail
Aa #5E6D2C on #4A4126 1.78:1 Fail
Aa #728582 on #D5A93A 1.77:1 Fail
Aa #DFD8C0 on #A6AA62 1.72:1 Fail
Aa #41435A on #5E6D2C 1.70:1 Fail
Aa #4A975C on #D5A93A 1.63:1 Fail
Aa #A6AA62 on #BF6A32 1.61:1 Fail
Aa #728582 on #A6AA62 1.59:1 Fail
Aa #4A975C on #5E6D2C 1.59:1 Fail
Aa #DFD8C0 on #D5A93A 1.54:1 Fail
Aa #5E6D2C on #783D35 1.47:1 Fail
Aa #728582 on #5E6D2C 1.46:1 Fail
Aa #A6AA62 on #4A975C 1.46:1 Fail
Aa #5E6D2C on #BF6A32 1.44:1 Fail
Aa #DFD8C0 on #8BC3CA 1.37:1 Fail
Aa #8BC3CA on #A6AA62 1.26:1 Fail
Aa #783D35 on #4A4126 1.21:1 Fail
Aa #41435A on #783D35 1.16:1 Fail
Aa #8BC3CA on #D5A93A 1.12:1 Fail
Aa #A6AA62 on #D5A93A 1.12:1 Fail
Aa #4A975C on #BF6A32 1.10:1 Fail
Aa #728582 on #4A975C 1.09:1 Fail
Aa #41435A on #4A4126 1.05:1 Fail
Aa #728582 on #BF6A32 1.01:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors