Desert Sand Color Palette

A warm desert palette with sandy tones and muted golds. Great for minimalist, boho, and natural brands.

Desert Rock

HEX: #7a5c38

RGB: rgb(122, 92, 56)

HSL: hsl(33, 37%, 35%)

Camel

HEX: #a17d4e

RGB: rgb(161, 125, 78)

HSL: hsl(34, 35%, 47%)

Desert Sand

HEX: #c9a96e

RGB: rgb(201, 169, 110)

HSL: hsl(39, 46%, 61%)

Dune

HEX: #e0cc97

RGB: rgb(224, 204, 151)

HSL: hsl(44, 54%, 74%)

Sand Light

HEX: #f0e6c9

RGB: rgb(240, 230, 201)

HSL: hsl(45, 57%, 86%)

CSS Variables

:root {
  --desert-sand-1: #7a5c38;
  --desert-sand-2: #a17d4e;
  --desert-sand-3: #c9a96e;
  --desert-sand-4: #e0cc97;
  --desert-sand-5: #f0e6c9;
}

Tailwind CSS Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'desert-sand': {
          '100': '#7a5c38',
          '200': '#a17d4e',
          '300': '#c9a96e',
          '400': '#e0cc97',
          '500': '#f0e6c9',
        },
      },
    },
  },
}