Ancient Lagoon color palette — #E9F1EB · #A7DDEC · #33B7C9 · #009470 · #003442

Fern and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E9F1EB): a clean, paper-quiet neutral.
• Powder Blue (#A7DDEC): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#33B7C9): A luminous, balanced blue — the color of deep harbor water.
• Fern (#009470): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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

• Pale Loft color palette (#EAF1EB, #B3D8F5, #5FA9F3, #008EA0, #15295E)
• Hushed Pier color palette (#E8F2EA, #91CBD9, #009FD2, #007D78, #00213A)
• Pine Delta color palette (#F2ECF3, #95D1CF, #0095B8, #007222, #002F57)
• Teal Balcony color palette (#F0F8F1, #D4DEF6, #8BC5EF, #00ADB5, #30496A)
• Aqua Workshop color palette (#EFE8DD, #5CC7C4, #007986, #004D39, #001922)
• Frosted Emerald Station color palette (#D3E2FA, #6F9BFB, #F15C5B, #11A226, #0D1D41)
• Feathered Lagoon color palette (#E1EEFF, #DACBEE, #FBA8C9, #289EE4, #232F4D)
• Dusty Sapphire Terrace color palette (#DAF2FC, #41BAF6, #0294F6, #2B60E1, #1A215C)

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