Skip to the color picker
PickShade

Color palette: Soft dark brown, Dusty brown, Soft brown, Dusty brown, Soft light red

Press Space for a new palette. Lock the colors you like and the rest follow them.

Style
  1. 684431Soft dark brown
  2. 7F6146Dusty brown
  3. 945A47Soft brown
  4. 9A7F5ADusty brown
  5. CF8A84Soft light red

Space for a new palette, Ctrl+Z to undo, click a color to edit it.

Export

Export
Values
:root {
    --coffee: oklch(42.284% 0.05825 48.478);
    --coffee-2: oklch(51.618% 0.05568 63.089);
    --marsala: oklch(52.822% 0.08234 38.885);
    --copper: oklch(61.273% 0.06154 74.966);
    --terracotta: oklch(70.154% 0.08561 24.943);
}

Checks

Readable text pairs

No pair reaches 4.5:1 for body text. Add a much darker or lighter color.

Every color stays distinguishable for color-blind people.

Open in the simulator

Colors in this palette

NameHEXRGBOKLCH
Soft dark brown#684431rgb(104 68 49)oklch(42.284% 0.05825 48.478)
Dusty brown#7f6146rgb(127 97 70)oklch(51.618% 0.05568 63.089)
Soft brown#945a47rgb(148 90 71)oklch(52.822% 0.08234 38.885)
Dusty brown#9a7f5argb(154 127 90)oklch(61.273% 0.06154 74.966)
Soft light red#cf8a84rgb(207 138 132)oklch(70.154% 0.08561 24.943)