Ancient Lagoon color palette — #FBF1FB · #ABCAF1 · #D691B0 · #399B77 · #2A4464

Built around Fern, softened by Mauve — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF1FB): bright and airy, almost weightless.
• Sky (#ABCAF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mauve (#D691B0): A luminous, balanced rose — the color of strawberry cream.
• Fern (#399B77): A luminous, balanced teal — the color of sea glass.
• Navy (#2A4464): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Timeworn Cerulean color palette (#FDF1F6, #CDBDEF, #DD928F, #0098A8, #473B5E)
• Timeworn Emerald color palette (#F0F8EF, #86D9D1, #CD94C0, #6E9455, #0B4D48)
• Teal Bloom color palette (#FAF4F0, #D0E5E4, #D9BBDB, #6AB2A2, #624A59)
• Washed Lantern color palette (#FDF2F6, #D3BFFE, #D77D71, #66713A, #20412A)
• Timeworn Field color palette (#FDEDF2, #CAA5E6, #8D7572, #614F54, #252024)
• Linen Terrace color palette (#FFECF3, #BBA3EA, #CF7957, #007C9B, #321E50)
• Pale Peony color palette (#FFF1F6, #C8A0FF, #E571BB, #00843E, #41076E)
• Worn Lilac color palette (#EEF1FD, #9D91D5, #6E7744, #415324, #002E30)

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