Ancient Lagoon color palette — #EFF7F8 · #D6DAE1 · #BABFD1 · #00877A · #394B4F

Teal takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#EFF7F8): a clean, paper-quiet neutral.
• Silver (#D6DAE1): bright and airy, almost weightless.
• Ash (#BABFD1): A luminous, dusty violet — the color of a velvet chair.
• Teal (#00877A): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#394B4F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Dusty Petrol color palette (#EEF6FE, #D9D7E5, #B4BADB, #0072A5, #32424F)
• Cypress Lagoon color palette (#EEF3EE, #CEDBD8, #A7C5C2, #41817F, #272F26)
• Worn Station color palette (#F0F7F1, #96B9A9, #5D7E50, #29655D, #2B4A3D)
• Abyss Orchard color palette (#E7F1F4, #9EABB4, #6A829C, #004040, #00171E)
• Pewter Market color palette (#D8FEFF, #A1BBC7, #7B8EA5, #785663, #355446)
• Aged Denim Station color palette (#EAEFF4, #C8CCD6, #9E9EB3, #005698, #222F3D)
• Cocoa Boulevard color palette (#FFF0F8, #49AB98, #20719C, #7B380D, #1A434F)
• Quiet Cocoa Boulevard color palette (#E8F9F8, #58996E, #5E5B97, #6F3700, #2E3F07)

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