Twilit Lagoon color palette — #D4ECE6 · #00888F · #004351 · #000F1A · #000104

Cerulean and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D4ECE6): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#00888F): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004351): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000F1A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged dark, muted.

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

• Powdered Alley color palette (#E7F4E4, #009380, #006E82, #003C62, #05001D)
• Pine Meadow color palette (#D4E6CA, #249151, #00503E, #000F0F, #000102)
• Softworn Abyss Corridor color palette (#DCE5E7, #B0BDC3, #7497AD, #004641, #000102)
• Dusty Lantern color palette (#D4E9EB, #5C8AA3, #364984, #400009, #040100)
• Patina Veranda color palette (#CCE7F3, #00B491, #009BA6, #005B97, #000102)
• Deep Archive color palette (#D6EFF7, #006166, #2A007A, #170005, #020100)
• Airy Nightshade Bloom color palette (#CBE9F8, #0C7AC9, #1528A8, #14003C, #020006)
• Navy Workshop color palette (#D9FDFF, #58C5E7, #0081C3, #0035A1, #0C003F)

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