ColorsPedia
All colors Blush
warmpastelromantic

Blush

Delicate and tender — blush whispers romance and understated femininity.

Shades 11
Base #f4a7b9
RGB 244, 167, 185
50
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,
);