Ancient Lagoon color palette — #EFF7F5 · #D0E0F1 · #88BACD · #40978B · #3B5764

Built around Fern, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Frost (#D0E0F1): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#88BACD): A luminous, dusty blue — the color of deep harbor water.
• Fern (#40978B): A luminous, balanced teal — the color of sea glass.
• Peacock (#3B5764): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Softworn Periwinkle color palette (#E9F8FF, #7CBDCB, #979FDF, #6EA172, #2D4652)
• Washed Lagoon color palette (#D3E3DF, #88BBC8, #00858B, #005A4E, #00242A)
• Aged Lantern color palette (#F9F3F7, #D4D7EF, #50A6BE, #4D7A62, #405567)
• Hushed Lagoon color palette (#E7F9FE, #8AD3D4, #BEB369, #00A0A3, #305743)
• Aged Balcony color palette (#DDECE9, #649DA6, #006376, #003B3B, #000B11)
• Cobalt Alley color palette (#E6F1F0, #9CCCE4, #0E90CE, #00697D, #003053)
• Washed Hollow color palette (#FFF1F6, #E1C1CA, #B68F9E, #8E677B, #3C4D3D)
• Worn Lagoon Boulevard color palette (#EFF7F6, #D3DEEE, #84BBCB, #499495, #3D5665)

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