Nocturne Lagoon color palette — #D7EDFC · #0055B7 · #270097 · #23003F · #140011

A conversation between Indigo and Cobalt, giving this palette its sense of trust and stability.

The five colors

• Frost (#D7EDFC): A whisper-light, dusty blue — the color of open sky before noon.
• Cobalt (#0055B7): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Indigo (#270097): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#23003F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#140011): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Nocturne 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

• Midnight Navy Veranda color palette (#D2EDF2, #006492, #00257C, #190042, #140020)
• Smoked Ultramarine Market color palette (#D6E8FF, #374FCF, #450072, #280029, #160009)
• Aged Cabin color palette (#D7F0FB, #0076DB, #5F02F5, #5A0093, #130013)
• Aubergine Pier color palette (#E5DFFB, #75429F, #3C0071, #130022, #03000B)
• Misty Aubergine color palette (#F8E4EC, #6327A8, #4A3D00, #2C0054, #080600)
• Onyx Veranda color palette (#CAE9E4, #00626B, #003D52, #00123B, #080024)
• Obsidian Aubergine color palette (#E7E2F8, #4F0099, #343700, #0A260C, #03000B)
• Tempered Loft color palette (#E1E5F6, #B579B2, #A9534C, #003950, #14001B)

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