The palette tool for developers and designers

Make a palette. See it in an app. Copy the code.

Preview your colors on real app screens, then copy a theme for Flutter, SwiftUI, React and nine more. Every tool is free and works offline.

Windows version coming soon

Free · macOS 14 or later

Shade Shaker in light mode. Generate shows five colors side by side: Porcelain Skin, Blue Ocean, Midnight Dreams (locked), Cardboard and Blue Fjord. Beside them, a phone preview shows a task app drawn in those colors.

See it in a real app

Preview puts your palette on real screens: a mobile home screen, details and settings, and a web dashboard and landing page, in light and dark. Choose which colors play primary, secondary, tertiary and background, and the screens follow.

Shade Shaker in dark mode with a pink, peach and purple palette. The web preview shows a sales dashboard with cards, a bar chart and recent orders in those colors.

Code for 12 frameworks

Copy a theme that's ready to paste. For Flutter, the code you copy is the same code that draws the preview, so what you see is what you get.

Flutter
HTML and CSS
Tailwind CSS
React
Vue
Angular
React Native
SwiftUI
Jetpack Compose
.NET XAML
Python (Matplotlib)
Design tokens

A saved palette called Midnight Ocean & Torchlight, in dark mode, with a phone preview and the Flutter theme code for its colors.

Every tool is free

No trial, no subscription and nothing locked.

Explore

An endless feed of palettes to start from. Search with words like pastel, warm or ocean, or with a hex value.

From Image

Drop in a photo and pull out its colors. Drag the pickers to fine-tune them, or try a vibrant, muted, light or dark mix.

Contrast

Check text and background colors against WCAG. When a pair is hard to read, Improve contrast fixes it in one click.

More tools

Colors 5,000 named colors, with their values in HEX, RGB, HSL, LAB, OKLCH and more.
Scales Turn colors into full 50–950 scales.
Gradients Linear, radial and sweep gradients, or even steps between two colors.
Library Save palettes, colors and gradients, and sort them into collections.
Export Code, PNG and SVG images, a PDF with shades and contrast pages, or CSV, JSON and ASE files.
Command bar Press ⌘K to find any action, tool, color or saved palette.

Offline and private

No account, no ads and no tracking. Shade Shaker works without an internet connection, collects no data, and keeps your palettes on your computer.

Read the privacy policy