Orchid

Exotic and alluring — orchid blends pink and purple with the rare beauty of tropical flowers.

Shades 11

Base #da70d6

RGB 218, 112, 214

100

200

300

400

500

600

700

800

All Orchid Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --orchid-50: #fdf4fd;
  --orchid-100: #fae5fa;
  --orchid-200: #f4caf4;
  --orchid-300: #eba3eb;
  --orchid-400: #e285e0;
  --orchid-500: #da70d6;
  --orchid-600: #b84db4;
  --orchid-700: #8e368b;
  --orchid-800: #652463;
  --orchid-900: #3e153c;
  --orchid-950: #1f0a1e;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        orchid: {
          50: '#fdf4fd',
          100: '#fae5fa',
          200: '#f4caf4',
          300: '#eba3eb',
          400: '#e285e0',
          500: '#da70d6',
          600: '#b84db4',
          700: '#8e368b',
          800: '#652463',
          900: '#3e153c',
          950: '#1f0a1e',
        },
      },
    },
  },
};

SCSS Map

$orchid-palette: (
  50: #fdf4fd,
  100: #fae5fa,
  200: #f4caf4,
  300: #eba3eb,
  400: #e285e0,
  500: #da70d6,
  600: #b84db4,
  700: #8e368b,
  800: #652463,
  900: #3e153c,
  950: #1f0a1e,
);