Peach Puff Color Palette

A warm, inviting peach palette for friendly and approachable designs. Great for food, lifestyle, and social apps.

Warm Peach

HEX: #d4845a

RGB: rgb(212, 132, 90)

HSL: hsl(21, 59%, 59%)

Peach

HEX: #f09c73

RGB: rgb(240, 156, 115)

HSL: hsl(20, 81%, 70%)

Peach Puff

HEX: #f8b595

RGB: rgb(248, 181, 149)

HSL: hsl(19, 88%, 78%)

Light Peach

HEX: #fdd0b6

RGB: rgb(253, 208, 182)

HSL: hsl(22, 95%, 85%)

Peach Cream

HEX: #fef0e6

RGB: rgb(254, 240, 230)

HSL: hsl(25, 92%, 95%)

CSS Variables

:root {
  --peach-puff-1: #d4845a;
  --peach-puff-2: #f09c73;
  --peach-puff-3: #f8b595;
  --peach-puff-4: #fdd0b6;
  --peach-puff-5: #fef0e6;
}

Tailwind CSS Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'peach-puff': {
          '100': '#d4845a',
          '200': '#f09c73',
          '300': '#f8b595',
          '400': '#fdd0b6',
          '500': '#fef0e6',
        },
      },
    },
  },
}