Cherry Blossom Color Palette

A delicate pink palette inspired by Japanese cherry blossoms. Ideal for spring themes and feminine brands.

Deep Rose

HEX: #b24a5e

RGB: rgb(178, 74, 94)

HSL: hsl(348, 41%, 49%)

Sakura Dark

HEX: #d16b7c

RGB: rgb(209, 107, 124)

HSL: hsl(350, 53%, 62%)

Cherry Blossom

HEX: #e8909c

RGB: rgb(232, 144, 156)

HSL: hsl(352, 66%, 74%)

Petal Pink

HEX: #f2b5bd

RGB: rgb(242, 181, 189)

HSL: hsl(352, 70%, 83%)

Blossom White

HEX: #fce4ec

RGB: rgb(252, 228, 236)

HSL: hsl(340, 80%, 94%)

CSS Variables

:root {
  --cherry-blossom-1: #b24a5e;
  --cherry-blossom-2: #d16b7c;
  --cherry-blossom-3: #e8909c;
  --cherry-blossom-4: #f2b5bd;
  --cherry-blossom-5: #fce4ec;
}

Tailwind CSS Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'cherry-blossom': {
          '100': '#b24a5e',
          '200': '#d16b7c',
          '300': '#e8909c',
          '400': '#f2b5bd',
          '500': '#fce4ec',
        },
      },
    },
  },
}