The art of ornament through the ages: 100 plates, 2000 specimens of all styles
Make a color palette, see it in a real app, and copy the code.
by Naweed Akram · Flutter Pro
Listed on It's All Widgets · supported by Invoice Ninja , Event Schedule and Stackapella
Make a color palette, see it in a real app, and copy the code. Shade Shaker is a palette maker for people who build apps and websites.
Press Space for a new palette. Lock the colors you like and keep pressing until the rest fit. Click a color to change it, drag to reorder, and pick a harmony when you want one. Palettes hold up to 10 colors.
See it in an app
Preview shows your palette on real mobile and web screens: a home screen, a details page, settings, a dashboard and a landing page, in light and dark. Choose which colors play primary, secondary, tertiary and background, and the screens follow.
Copy the code
Get a theme ready to paste for Flutter, HTML and CSS, Tailwind CSS, React, Vue, Angular, React Native, SwiftUI, Jetpack Compose, .NET XAML, Python (Matplotlib) or design tokens. For Flutter, the code you copy is the same code that draws the preview, so what you see is what you get.
More tools
- Explore: an endless feed of palettes. 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.
- Contrast: check text and background colors against WCAG, and fix a weak pair with one click.
- Colors: 5,000 named colors, with their values in HEX, RGB, HSL, LAB, OKLCH and more, plus shades, tints and harmonies.
- 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 in many formats, PNG and SVG images, a PDF with shades and contrast pages, and data files such as CSV, JSON and Adobe Swatch Exchange (ASE).
Made for the Mac
Keyboard shortcuts throughout, a command bar (⌘K) that finds any action, color or saved palette, an eyedropper that picks colors from anywhere on screen, undo and redo, and light and dark appearance.
Private
No account, no ads and no tracking. Shade Shaker works fully offline and collects no data. Your palettes stay on your Mac.
Flutter Streams
Naweed Akram
Streams on YouTube
The open-source way to share your event calendar
Invoicing, quotes and payments for freelancers and businesses
Learn harmony and stack your own voices, free in your browser