Sign Up Sign Up
Rising Tide

Rising Tide

12-color palette · Warm · Dark · Analogous harmony

Back to Library

Rising Tide

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

Modify
Earthy 12 colors Warm Dark Analogous art robot matt dixon
Likes 22
Colors 12

CSS variables

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #261B15;
  --c-earthy-3: #362B16;
  --c-earthy-4: #4C4526;
  --c-earthy-5: #625F35;
  --c-earthy-6: #826239;
  --c-earthy-7: #DBC08C;
  --c-earthy-8: #C29460;
  --c-earthy-9: #A86B39;
  --c-earthy-10: #7E4B24;
  --c-earthy-11: #522E13;
  --c-earthy-12: #2E1A09;
}

About this palette

This 12-color earthy palette runs from Expedition Khaki (#DBC08C) as its lightest tone to Black (#000000) as its darkest. It blends Black, Tetsu-Guro Black, Vanilla Bean Brown, Uniform Green, Basque Green, Coyote Brown, Expedition Khaki, Mid Tan, Tanooki Suit Brown, Mummy Brown, Dark Catacombs and Darkout into a single set you can drop straight into a UI. Of its 66 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #000000 on #DBC08C at 11.93:1.

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

Color breakdown

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000
Tetsu-Guro Black #261B15
RGB
rgb(38, 27, 21)
HSL
hsl(21, 29%, 12%)
Luminance
0.013
Vanilla Bean Brown #362B16
RGB
rgb(54, 43, 22)
HSL
hsl(39, 42%, 15%)
Luminance
0.026
Uniform Green #4C4526
RGB
rgb(76, 69, 38)
HSL
hsl(49, 33%, 22%)
Luminance
0.059
Basque Green #625F35
RGB
rgb(98, 95, 53)
HSL
hsl(56, 30%, 30%)
Luminance
0.110
Coyote Brown #826239
RGB
rgb(130, 98, 57)
HSL
hsl(34, 39%, 37%)
Luminance
0.138
Expedition Khaki #DBC08C
RGB
rgb(219, 192, 140)
HSL
hsl(39, 52%, 70%)
Luminance
0.547
Mid Tan #C29460
RGB
rgb(194, 148, 96)
HSL
hsl(32, 45%, 57%)
Luminance
0.335
Tanooki Suit Brown #A86B39
RGB
rgb(168, 107, 57)
HSL
hsl(27, 49%, 44%)
Luminance
0.191
Mummy Brown #7E4B24
RGB
rgb(126, 75, 36)
HSL
hsl(26, 56%, 32%)
Luminance
0.096
Dark Catacombs #522E13
RGB
rgb(82, 46, 19)
HSL
hsl(26, 62%, 20%)
Luminance
0.038
Darkout #2E1A09
RGB
rgb(46, 26, 9)
HSL
hsl(28, 67%, 11%)
Luminance
0.013

Contrast & accessibility

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

Aa #000000 on #DBC08C 11.93:1 AAA
Aa #261B15 on #DBC08C 9.54:1 AAA
Aa #DBC08C on #2E1A09 9.41:1 AAA
Aa #362B16 on #DBC08C 7.88:1 AAA
Aa #000000 on #C29460 7.70:1 AAA
Aa #DBC08C on #522E13 6.78:1 AA
Aa #261B15 on #C29460 6.16:1 AA
Aa #C29460 on #2E1A09 6.07:1 AA
Aa #4C4526 on #DBC08C 5.46:1 AA
Aa #362B16 on #C29460 5.09:1 AA
Aa #000000 on #A86B39 4.83:1 AA
Aa #C29460 on #522E13 4.38:1 AA Large
Aa #DBC08C on #7E4B24 4.09:1 AA Large
Aa #261B15 on #A86B39 3.86:1 AA Large
Aa #A86B39 on #2E1A09 3.81:1 AA Large
Aa #000000 on #826239 3.76:1 AA Large
Aa #625F35 on #DBC08C 3.72:1 AA Large
Aa #4C4526 on #C29460 3.52:1 AA Large
Aa #000000 on #625F35 3.21:1 AA Large
Aa #362B16 on #A86B39 3.19:1 AA Large
Aa #826239 on #DBC08C 3.18:1 AA Large
Aa #261B15 on #826239 3.00:1 AA Large
Aa #826239 on #2E1A09 2.96:1 Fail
Aa #000000 on #7E4B24 2.92:1 Fail
Aa #A86B39 on #522E13 2.74:1 Fail
Aa #C29460 on #7E4B24 2.64:1 Fail
Aa #261B15 on #625F35 2.57:1 Fail
Aa #625F35 on #2E1A09 2.53:1 Fail
Aa #362B16 on #826239 2.48:1 Fail
Aa #DBC08C on #A86B39 2.47:1 Fail
Aa #625F35 on #C29460 2.40:1 Fail
Aa #261B15 on #7E4B24 2.34:1 Fail
Aa #7E4B24 on #2E1A09 2.30:1 Fail
Aa #4C4526 on #A86B39 2.21:1 Fail
Aa #000000 on #4C4526 2.19:1 Fail
Aa #826239 on #522E13 2.13:1 Fail
Aa #362B16 on #625F35 2.12:1 Fail
Aa #826239 on #C29460 2.05:1 Fail
Aa #362B16 on #7E4B24 1.93:1 Fail
Aa #625F35 on #522E13 1.82:1 Fail
Aa #000000 on #522E13 1.76:1 Fail
Aa #261B15 on #4C4526 1.75:1 Fail
Aa #4C4526 on #826239 1.72:1 Fail
Aa #4C4526 on #2E1A09 1.72:1 Fail
Aa #7E4B24 on #522E13 1.66:1 Fail
Aa #A86B39 on #7E4B24 1.65:1 Fail
Aa #C29460 on #A86B39 1.59:1 Fail
Aa #DBC08C on #C29460 1.55:1 Fail
Aa #000000 on #362B16 1.51:1 Fail
Aa #625F35 on #A86B39 1.50:1 Fail
Aa #4C4526 on #625F35 1.47:1 Fail
Aa #362B16 on #4C4526 1.44:1 Fail
Aa #261B15 on #522E13 1.41:1 Fail
Aa #522E13 on #2E1A09 1.39:1 Fail
Aa #4C4526 on #7E4B24 1.34:1 Fail
Aa #826239 on #A86B39 1.29:1 Fail
Aa #826239 on #7E4B24 1.29:1 Fail
Aa #000000 on #2E1A09 1.27:1 Fail
Aa #000000 on #261B15 1.25:1 Fail
Aa #4C4526 on #522E13 1.24:1 Fail
Aa #261B15 on #362B16 1.21:1 Fail
Aa #362B16 on #2E1A09 1.19:1 Fail
Aa #625F35 on #826239 1.17:1 Fail
Aa #362B16 on #522E13 1.16:1 Fail
Aa #625F35 on #7E4B24 1.10:1 Fail
Aa #261B15 on #2E1A09 1.01: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