Color Palette Generator

Design

Generate and copy curated color palettes for design work with one click.

Open in
colorpalettedesigncopy

Installation

npx shadcn@latest add @bits-ui/color-palette

Preview

#465866
#11ac7d
#42c06f
#8a4c29
#eb0549

Usage

Import and use the component
After installation, you can import and use the component in your project.
import { ColorPaletteGenerator } from "@/registry/new-york/blocks/color-palette/color-palette";

export default function Example() {
  return <ColorPaletteGenerator />;
}