The only color palette you need to build any UI.
Mix sharper headings with muted text
Play with gradient background
Use a lighter border to simulate light
Shadows to add depth
--bg-dark: oklch(0.1 0.025 264); --bg: oklch(0.15 0.025 264); --bg-light: oklch(0.2 0.025 264); --text: oklch(0.96 0.05 264); --text-muted: oklch(0.76 0.05 264); --highlight: oklch(0.5 0.05 264); --border: oklch(0.4 0.05 264); --border-muted: oklch(0.3 0.05 264); --primary: oklch(0.76 0.1 264); --secondary: oklch(0.76 0.1 84); --danger: oklch(0.7 0.05 30); --warning: oklch(0.7 0.05 100); --success: oklch(0.7 0.05 160); --info: oklch(0.7 0.05 260);
Your account will be terminated within 48 hours.
Your plan will expire in 3 days.
Your photos were saved successfully!
Hey Sajid, upgrade now and get 20% off.
Added input box for chroma & hue
Initial release