Color Palette & Harmony Studio

Pick a base color to generate WCAG 2.1 compliant shade ramps and interactive color harmonies.

Base Color & HSL Finetuning:

Hue:160°

Saturation:84%

Lightness:39%

Analogous Harmony (±30°):Click to Adopt

Complementary (180° High Contrast):

Triadic Harmony (120°):

Split-Complementary (150° / 210°):

Monochromatic Shades:

Export:

// tailwind.config.ts
module.exports = {
  theme: {
    extend: {
      colors: {
        brand: {
      '50': '#ECFDF8',
      '100': '#D0FBED',
      '200': '#A1F7DA',
      '300': '#72F3C8',
      '400': '#43EFB6',
      '500': '#14E19D',
      '600': '#10B27C',
      '700': '#0B835B',
      '800': '#08593E',
      '900': '#053827',
        },
      },
    },
  },
};