ToolQuilt
Earthy palette

Driftwood

Weathered browns in even steps, from wet timber to bleached by the sun.

6 colors · 10 of 30 pairs carry body text

Earthy

#1E1B17

very dark muted orange

#494138

dark muted orange

#746758

mid muted orange

#9C8D7C

mid muted orange

#BCB2A8

light muted orange

#DCD8D3

very light muted orange

CSS

:root {
  --driftwood-1: #1e1b17;
  --driftwood-2: #494138;
  --driftwood-3: #746758;
  --driftwood-4: #9c8d7c;
  --driftwood-5: #bcb2a8;
  --driftwood-6: #dcd8d3;
}

Drop these into :root and reference them anywhere. The names follow the palette so a second palette will not collide with this one.

Take it further

This palette is a starting point. Open it in the generator to change the harmony rule, lock the colors you like and shuffle the rest.

Open in the palette generator Check the first pair for contrast

Which color can sit on which

10 of 30 pairs reach 4.5:1

On ↓ / text → #1E1B17#494138#746758#9C8D7C#BCB2A8#DCD8D3
#1E1B17 Same 1.71 3.12 5.32 8.23 12.09
#494138 1.71 Same 1.82 3.11 4.8 7.06
#746758 3.12 1.82 Same 1.7 2.63 3.87
#9C8D7C 5.32 3.11 1.7 Same 1.55 2.27
#BCB2A8 8.23 4.8 2.63 1.55 Same 1.47
#DCD8D3 12.09 7.06 3.87 2.27 1.47 Same

Read a row as the background and a column as the text on it. Anything at 4.5:1 or above carries body text; 3:1 covers large text and interface parts.

More earthy palettes