Web
React Color Palettes
Explore, create, and copy color palettes.
TypeScript6 technologies
A color palette playground: browse ready-made palettes, generate shades, and build your own with drag-and-drop ordering and form validation.
Chroma.js powers the color math behind ten-step shade scales, and every swatch copies to the clipboard in the format you need.
Highlights
- Palette creation with duplicate-name and color validation
- Ten-step shade scales generated with Chroma.js
- Click-to-copy in hex, RGB, and more
- Motion-animated transitions throughout
Built with
TypeScriptReactMaterial UIFramer MotionChroma.jsTailwindCSSVite