Ancient Lagoon color palette — #FBF3F0 · #D0E4DE · #7CBCD0 · #589577 · #315248

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#D0E4DE): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#7CBCD0): A luminous, dusty blue — the color of deep harbor water.
• Fern (#589577): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#315248): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Antique Lagoon color palette (#FAF3F0, #CEE6E2, #8EBDAA, #399982, #604A61)
• Patina Powder color palette (#FAF2F8, #D3D5E5, #B6BAEA, #719E86, #3E505F)
• Wandering Petrol Canyon color palette (#F5E5DD, #5DAFC2, #006E9D, #004B40, #001233)
• Dusty Pine Lantern color palette (#F2F9DF, #BCE5C5, #6DB28D, #21784C, #3A3C35)
• Tempered Pier color palette (#EEDFD7, #9CBB9A, #008398, #005D35, #002234)
• Lagoon Orchard color palette (#FFF4DE, #C3CD98, #8BAC6A, #438B5F, #455836)
• Washed Azure color palette (#FFF2EB, #ABE6F8, #42A4E4, #008477, #203D77)
• Patina Emerald color palette (#F5F6EC, #C5C89E, #CD9FCF, #5E9F4D, #664148)

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