Web
React Color Palettes
Explore, create, and copy color palettes.
A color palette playground: browse curated palettes, generate shades, and build your own with drag-and-drop ordering and robust 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
Languages
TypeScript
Stack
ReactMaterial UIFramer MotionChroma.jsTailwindCSSVite