Ancient Lagoon color palette — #F1F8EA · #92D5BB · #D79EB5 · #579C83 · #644341

A conversation between Fern and Lagoon, giving this palette its sense of sophistication.

The five colors

• Ivory (#F1F8EA): bright and airy, almost weightless.
• Lagoon (#92D5BB): A whisper-light, dusty teal — the color of shallow lagoons.
• Mauve (#D79EB5): A luminous, dusty rose — the color of strawberry cream.
• Fern (#579C83): A luminous, balanced teal — the color of sea glass.
• Cocoa (#644341): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication. Tagged 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

• Hushed Quarry color palette (#EBF9F0, #82D2E7, #DFA088, #3E9AAF, #534B47)
• Worn Moss color palette (#F8F6E8, #BDCC90, #B8A6DE, #849549, #663F51)
• Timeworn Cabin color palette (#F1F7ED, #81BEAE, #BE83AC, #008671, #664144)
• Mallow Villa color palette (#E7F9FC, #9CE6D5, #F0AFDE, #5EBCA8, #514860)
• Teal Chapel color palette (#EEFAE6, #72C3AE, #A89BD3, #B48769, #3A4731)
• Worn Bronze color palette (#FAF5E9, #D2CBB0, #AB9974, #956C2D, #504900)
• Softworn Market color palette (#EEF8F0, #E5CDA9, #62886E, #375541, #232F26)
• Hazy Coral color palette (#E1FFDD, #00C7C0, #F36775, #008984, #6C1123)

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