Jade

Ancient wisdom and serene beauty — jade has adorned civilizations for millennia.

Shades 11

Base #00a86b

RGB 0, 168, 107

100

200

300

400

500

600

700

800

All Jade Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --jade-50: #f0fdf7;
  --jade-100: #d1faeb;
  --jade-200: #a3f3d5;
  --jade-300: #6ae7ba;
  --jade-400: #2fd39a;
  --jade-500: #00a86b;
  --jade-600: #008957;
  --jade-700: #006b42;
  --jade-800: #004c2f;
  --jade-900: #002e1c;
  --jade-950: #00170e;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        jade: {
          50: '#f0fdf7',
          100: '#d1faeb',
          200: '#a3f3d5',
          300: '#6ae7ba',
          400: '#2fd39a',
          500: '#00a86b',
          600: '#008957',
          700: '#006b42',
          800: '#004c2f',
          900: '#002e1c',
          950: '#00170e',
        },
      },
    },
  },
};

SCSS Map

$jade-palette: (
  50: #f0fdf7,
  100: #d1faeb,
  200: #a3f3d5,
  300: #6ae7ba,
  400: #2fd39a,
  500: #00a86b,
  600: #008957,
  700: #006b42,
  800: #004c2f,
  900: #002e1c,
  950: #00170e,
);