Browse 285 hand-picked palettes in ten collections, from classic and vintage to keycaps and art movements, and export any of them.
:root {
--mayfair-1: #1a2634;
--mayfair-2: #2d4a3e;
--mayfair-3: #6b1c2a;
--mayfair-4: #c9b896;
--mayfair-5: #f5f0e6;
}Runs in your browser; nothing you enter leaves this page.
Palettes are grouped as classic, nature, keycaps, vintage, modern, bold, soft, monochrome, seasonal and artistic. Pick a shelf, pick a palette, and each colour shows its name and value.
Copy the palette as CSS variables, SCSS, a JSON array or a plain list, or download it as an SVG strip. Every colour also has its own copy button.
Colour ConverterType a colour in any notation and read it in HEX, RGB, HSL, HSV, CMYK, LAB, LCH, OKLAB and OKLCH.
Colour AtlasOne colour opened up: every notation, its gamut, contrast, harmonies, tints and shades, and how it looks to colour-blind eyes.
Contrast CheckerCheck text and background colours against WCAG 2.2 and get the nearest colours that pass.Colour-blind SimulatorSee a colour or an image the way nine kinds of colour vision deficiency would, side by side with the original.