Desert Palette

CSS variables

:root {
  --color-1: #EDC9AF;
  --color-2: #E0A96D;
  --color-3: #C19A6B;
  --color-4: #8B5A2B;
  --color-5: #5E3719;
}

Tailwind config

// tailwind.config.js
colors: {
  "desert-1": "#EDC9AF",
  "desert-2": "#E0A96D",
  "desert-3": "#C19A6B",
  "desert-4": "#8B5A2B",
  "desert-5": "#5E3719",
}

About this palette

The Desert palette is a curated set of 5 colors with their HEX, RGB and ready CSS-variable and Tailwind exports. Click any swatch for that color's full breakdown — conversions, contrast and harmonies.

More palettes