Blush

Delicate and tender — blush whispers romance and understated femininity.

Shades 11

Base #f4a7b9

RGB 244, 167, 185

100

200

300

400

500

600

700

800

All Blush Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --blush-50: #fef6f8;
  --blush-100: #fde9ee;
  --blush-200: #fad4de;
  --blush-300: #f7b8cb;
  --blush-400: #f4a7b9;
  --blush-500: #e97d97;
  --blush-600: #d0546f;
  --blush-700: #a33651;
  --blush-800: #742337;
  --blush-900: #461320;
  --blush-950: #230910;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        blush: {
          50: '#fef6f8',
          100: '#fde9ee',
          200: '#fad4de',
          300: '#f7b8cb',
          400: '#f4a7b9',
          500: '#e97d97',
          600: '#d0546f',
          700: '#a33651',
          800: '#742337',
          900: '#461320',
          950: '#230910',
        },
      },
    },
  },
};

SCSS Map

$blush-palette: (
  50: #fef6f8,
  100: #fde9ee,
  200: #fad4de,
  300: #f7b8cb,
  400: #f4a7b9,
  500: #e97d97,
  600: #d0546f,
  700: #a33651,
  800: #742337,
  900: #461320,
  950: #230910,
);