Ancient Lagoon color palette — #F2F7EC · #9CD2BA · #C2A1E0 · #31A27C · #673F4E

Fern and Mauve set the tone — five colors that lean into creativity and balance.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Pistachio (#9CD2BA): A luminous, dusty teal — the color of glacier melt.
• Mauve (#C2A1E0): A luminous, balanced violet — the color of a velvet chair.
• Fern (#31A27C): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#673F4E): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Creativity, Balance. 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

• Cerulean Ridge color palette (#EDF9EF, #88D3DA, #E697A5, #009FA9, #6A3F46)
• Aged Moss color palette (#F8F6E8, #C0CA9B, #B4A7E3, #869636, #4F466C)
• Hushed Seafoam Coast color palette (#F4F7E6, #A4E8AD, #E7B3E1, #88B68D, #614448)
• Softworn Villa color palette (#E7FAF8, #8FBD95, #B883BA, #3F844C, #4F4865)
• Fern Workshop color palette (#F4F7E9, #BBE1E7, #C6C3CD, #A7A26E, #405818)
• Tempered Lagoon color palette (#EEF8F0, #F1C5BC, #458993, #36563F, #242E26)
• Hazy Market color palette (#EFF9E3, #34DFA5, #DA518F, #008D65, #6A0E3D)
• Airy Coral Delta color palette (#E4F4E2, #3BBEB7, #E46877, #00837D, #582128)

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