Studio
Color Studio
Generate palettes, shades and gradients. Check contrast in OKLCH.
- 0f172aindigo
- 6366f1indigo-2
- f472b6pink
- fbbf24yellow
- 34d399emerald
Golden-angle hues with alternating lightness.
Tip: lock a color to build the harmony around it. Otherwise each generation starts from a new hue.
OKLCH editor
Perceptual lightness, chroma and hue. Out-of-gamut colors are mapped to sRGB for HEX.
indigo#0f172a
In sRGBIn P3
Palette library
48 palettes- Indigo launchSaaS
- Linear nightSaaS · Monochrome
- Stripe gradientSaaS · Playful
- Emerald growthSaaS · Forest
- Cobalt consoleSaaS · Corporate
- Violet studioSaaS · Luxury
- BoardroomCorporate
- Trust tealCorporate · Ocean
- Fintech slateCorporate · Monochrome
- Healthcare calmCorporate · Pastel
- Cotton candyPastel · Playful
- Soft mintPastel · Forest
- Lavender hazePastel
- Peach sorbetPastel · Sunset
- Morning skyPastel · Ocean
- ArcadePlayful · Neon
- Primary schoolPlayful
- Bubblegum popPlayful · Pastel
- Citrus splashPlayful · Sunset
- CyberpunkNeon
- SynthwaveNeon · Retro
- Acid limeNeon
- Tokyo nightNeon · Monochrome
- SeventiesRetro · Earthy
- DinerRetro · Playful
- PolaroidRetro · Pastel
- Vintage printRetro
- TerracottaEarthy · Sunset
- Desert sandEarthy
- Clay and sageEarthy · Forest
- Coffee shopEarthy · Luxury
- Pine forestForest
- MossForest · Earthy
- BotanicalForest · Pastel
- Deep seaOcean
- LagoonOcean · Playful
- Nordic fjordOcean · Monochrome
- Coral reefOcean · Sunset
- Golden hourSunset
- DuskSunset · Luxury
- MiamiSunset · Neon
- Black and goldLuxury · Monochrome
- Emerald velvetLuxury · Forest
- BurgundyLuxury
- ChampagneLuxury · Pastel
- GraphiteMonochrome
- Paper and inkMonochrome · Retro
- BlueprintMonochrome · Corporate