# palette

Featured Components Live preview

Harmonic palette generator

Generates 5-color HSL-harmonic palettes on click or spacebar; click a swatch to copy its hsl() value.

42300Open

Featured UI Elements Live preview

Swift Command Palette · Candy Pink

A ⌘K-style palette: type to filter actions, arrow keys to move, Enter to run — with shortcut hints. Rendered in the Candy Pink palette.

56400Open

Swift Command Palette · Royal Gold

A ⌘K-style palette: type to filter actions, arrow keys to move, Enter to run — with shortcut hints. Rendered in the Royal Gold palette.

23200Open

Swift Command Palette · Crimson Heat

A ⌘K-style palette: type to filter actions, arrow keys to move, Enter to run — with shortcut hints. Rendered in the Crimson Heat palette.

53600Open

Swift Command Palette · Deep Indigo

A ⌘K-style palette: type to filter actions, arrow keys to move, Enter to run — with shortcut hints. Rendered in the Deep Indigo palette.

85300Open

Swift Command Palette · Aurora Teal

A ⌘K-style palette: type to filter actions, arrow keys to move, Enter to run — with shortcut hints. Rendered in the Aurora Teal palette.

41100Open

Swift Command Palette · Mono Pearl

A ⌘K-style palette: type to filter actions, arrow keys to move, Enter to run — with shortcut hints. Rendered in the Mono Pearl palette.

69000Open

Swift Command Palette · Ultra Violet

A ⌘K-style palette: type to filter actions, arrow keys to move, Enter to run — with shortcut hints. Rendered in the Ultra Violet palette.

24200Open

Swift Command Palette · Cyber Lime

A ⌘K-style palette: type to filter actions, arrow keys to move, Enter to run — with shortcut hints. Rendered in the Cyber Lime palette.

47500Open

Components Live preview

Command Palette Bar

⌘K-style command search bar with keyboard hints and grouped results.