Palette

Palette generates color palettes for your app or website and shows them on a real page as you go: text, background, buttons, cards, forms, and links, in light and dark. One tap restyles that page in any of 25 design styles, from glassmorphism and neumorphism to neo-brutalism, Bauhaus, and hand-drawn, each with fonts to match, so you see how your colors hold up in the look you are going for. Every palette has its own link, so sharing one is as easy as copying the URL.

What it does

• A new palette with one press of the space bar, always with readable text
• Live preview of buttons, cards, forms, and links in light and dark
• Lock the colors you like and keep generating around them
• Contrast check for every color against WCAG AA and AAA
• 25 one-tap design styles, including glassmorphism, neumorphism, claymorphism, neo-brutalism, Material, Swiss, and hand-drawn
• Each style brings matching heading and body fonts, and you can pick from 27 built-in fonts or any Google Font
• Export to CSS, Tailwind, SCSS, or JSON in HEX, RGB, HSL, or OKLCH, with the style's corner radii, borders, and shadows as tokens
• Share any palette, fonts, and style with a link