Ivory

Warm and timeless — ivory softens the starkness of pure white with a gentle antique warmth.

Shades 11

Base #fffff0

RGB 255, 255, 240

100

200

300

400

500

600

700

800

All Ivory Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --ivory-50: #fffffff;
  --ivory-100: #fffefc;
  --ivory-200: #fffef5;
  --ivory-300: #fffff0;
  --ivory-400: #fafad2;
  --ivory-500: #ececb8;
  --ivory-600: #cccc80;
  --ivory-700: #a0a048;
  --ivory-800: #707020;
  --ivory-900: #424210;
  --ivory-950: #212108;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        ivory: {
          50: '#fffffff',
          100: '#fffefc',
          200: '#fffef5',
          300: '#fffff0',
          400: '#fafad2',
          500: '#ececb8',
          600: '#cccc80',
          700: '#a0a048',
          800: '#707020',
          900: '#424210',
          950: '#212108',
        },
      },
    },
  },
};

SCSS Map

$ivory-palette: (
  50: #fffffff,
  100: #fffefc,
  200: #fffef5,
  300: #fffff0,
  400: #fafad2,
  500: #ececb8,
  600: #cccc80,
  700: #a0a048,
  800: #707020,
  900: #424210,
  950: #212108,
);