ChromaNest

Free · Private · Static

Free color tools in your browser — palettes, contrast, gradients

ChromaNest is a design SEO tool suite for generating color palettes, checking WCAG contrast, building CSS gradients, extracting colors from images, and exporting Tailwind scales. Everything runs locally — no signup, no uploads.

Color palette generator

Lock colors you like, then regenerate the rest.

#3a6fed

hsl(222, 83%, 58%)

#403aed

hsl(242, 83%, 58%)

#7c3aed

hsl(262, 83%, 58%)

#b83aed

hsl(282, 83%, 58%)

#ed3ae7

hsl(302, 83%, 58%)

CSS variables

:root {
  --color-1: #3a6fed;
  --color-2: #403aed;
  --color-3: #7c3aed;
  --color-4: #b83aed;
  --color-5: #ed3ae7;
}

Tailwind snippet

// tailwind.config — theme.extend.colors
brand: {
        100: "#3a6fed",
        200: "#403aed",
        300: "#7c3aed",
        400: "#b83aed",
        500: "#ed3ae7",
}

Tools

Guides