Color Picker
A color selection component with swatches, custom input, and preview.
Palette Swatches
Pick a color from a grid of swatches. The selected color is highlighted with a ring.
#6366F1
With Input
Enter a hex color value directly or see the preview update in real time.
Preset Colors
Organized color groups with labels for quick selection.
Brand Colors
Gray Scale
Semantic
Compact
An inline trigger that opens a mini palette popover on click.
With Opacity
Color picker with an alpha/opacity slider for transparency control.
80%
#6366F1 rgba(99, 102, 241, 0.8)