Raspberry

Vivid and tart — raspberry sits boldly between red and pink, bursting with fruity energy.

Shades 11

Base #e30b5c

RGB 227, 11, 92

100

200

300

400

500

600

700

800

All Raspberry Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --raspberry-50: #fff0f5;
  --raspberry-100: #ffd6e8;
  --raspberry-200: #ffadd1;
  --raspberry-300: #ff75b0;
  --raspberry-400: #f53d82;
  --raspberry-500: #e30b5c;
  --raspberry-600: #be0849;
  --raspberry-700: #930637;
  --raspberry-800: #6a0427;
  --raspberry-900: #420218;
  --raspberry-950: #21010c;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        raspberry: {
          50: '#fff0f5',
          100: '#ffd6e8',
          200: '#ffadd1',
          300: '#ff75b0',
          400: '#f53d82',
          500: '#e30b5c',
          600: '#be0849',
          700: '#930637',
          800: '#6a0427',
          900: '#420218',
          950: '#21010c',
        },
      },
    },
  },
};

SCSS Map

$raspberry-palette: (
  50: #fff0f5,
  100: #ffd6e8,
  200: #ffadd1,
  300: #ff75b0,
  400: #f53d82,
  500: #e30b5c,
  600: #be0849,
  700: #930637,
  800: #6a0427,
  900: #420218,
  950: #21010c,
);