Shadow Lagoon color palette — #D3E3F1 · #003CBF · #2C008A · #190031 · #040005

Built around Cobalt, softened by Indigo — the whole palette hums with trust and stability.

The five colors

• Frost (#D3E3F1): A whisper-light, dusty blue — the color of deep harbor water.
• Cobalt (#003CBF): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#2C008A): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#190031): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#040005): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.

Use it as a design system

One click turns Shadow Lagoon into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Nightshade Loft color palette (#D5DFF2, #4800CC, #3E0073, #1D0025, #050004)
• Smoked Aubergine Coast color palette (#E1F3FF, #0054A0, #37008E, #1F0038, #150017)
• Patina Nightshade color palette (#E4F0FF, #3E60D5, #3D24B4, #2D0066, #160028)
• Nightshade Dune color palette (#EDECFB, #5000C3, #3E3E00, #200059, #010100)
• Obsidian Drift color palette (#E6E5FB, #41009B, #383200, #002616, #010008)
• Obsidian Archive color palette (#D4E6EC, #616300, #5A00CE, #1C0711, #030002)
• Velvet Summit color palette (#D2EDF5, #005C7F, #002E56, #01003A, #02000E)
• Eclipse Aubergine color palette (#EAE8FF, #6C00A3, #4E0046, #290018, #070001)

Browse the whole catalog at Explore, or see today's palette.