Twilit Lagoon color palette — #E2ECFA · #1E4698 · #453B00 · #00125A · #020100

Indigo and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E2ECFA): A whisper-light, dusty blue — the color of open sky before noon.
• Indigo (#1E4698): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#453B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Indigo (#00125A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Depth, Luxury. Tagged dark.

Use it as a design system

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

• Nocturne Denim color palette (#D0E7FF, #004F83, #612800, #002039, #030100)
• Deep Canyon color palette (#EBEEFF, #563392, #2D4400, #270051, #010100)
• Inked Navy color palette (#DFE3F7, #2A288D, #393100, #142104, #01000A)
• Navy Terrace color palette (#F8DAF1, #4B62BD, #665200, #140086, #020100)
• Tempered Atelier color palette (#DDE9F8, #987AA3, #AA3757, #003A47, #030010)
• Chalky Mulberry Corridor color palette (#E4DDFC, #853389, #005740, #47004B, #000402)
• Aubergine Courtyard color palette (#E5F2E5, #006A58, #4300A4, #100414, #00000B)
• Cellar Archive color palette (#E7E6F4, #5754B1, #2A0087, #1E0709, #050022)

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