Twilit Lagoon color palette — #CDE3E7 · #00887B · #113640 · #08191C · #020808

Built around Fern, softened by Deep Teal — the whole palette hums with sophistication and depth.

The five colors

• Silver (#CDE3E7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Fern (#00887B): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#113640): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#08191C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#020808): a grounded near-black with real depth.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Ancient Cerulean Alley color palette (#E0F0F9, #0092AC, #2E3E48, #152025, #090D0F)
• Softworn Olive color palette (#CEE9E3, #458900, #123836, #071A16, #020806)
• Misty Cerulean Pier color palette (#E5F4FF, #009ACE, #886EBF, #3B7960, #082130)
• Mint Drift color palette (#E2F7F4, #88C39D, #41846A, #335E59, #0D2D2C)
• Twilit Lantern color palette (#E1EFFF, #005796, #2C2123, #0A1836, #000510)
• Weathered Harbor color palette (#ACF1F0, #00B7C1, #008F9E, #005363, #0E3345)
• Pale Turquoise Canyon color palette (#E3F5FF, #00B5DD, #A679B7, #007089, #331C3C)
• Antique Orchard color palette (#DBF8FF, #95BDCD, #6C899A, #51566A, #302F47)

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