Ancient Lagoon color palette — #F3F7F1 · #CCDFDA · #A6C7C4 · #2C9380 · #373D34

Fern and Stone set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F3F7F1): bright and airy, almost weightless.
• Silver (#CCDFDA): A whisper-light, dusty teal — the color of shallow lagoons.
• Stone (#A6C7C4): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#2C9380): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#373D34): a grounded near-black with real depth.

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

• Timeworn Alley color palette (#EEF7F8, #D2DAE5, #B9C0D2, #4EB49B, #2C3E40)
• Timeworn Cerulean color palette (#EFF7F3, #CBE5DC, #D2B2CF, #0084A4, #22392D)
• Abyss Garden color palette (#F3F7EF, #CEDDDA, #A1BAB2, #3C705D, #2A4300)
• Patina Ash color palette (#F0F7F4, #DED4D3, #A9A79C, #6B9FA1, #4B5551)
• Olive Workshop color palette (#FDF4E3, #B7B97B, #6D8D3E, #3E6F56, #37352F)
• Cerulean Coast color palette (#DCEFE0, #00919E, #1A4A39, #132719, #090F08)
• Timeworn Cypress Harbor color palette (#E0E6DF, #B7CABC, #8BAE9E, #00706A, #172316)
• Misty Field color palette (#FBECD5, #00BAAC, #0084A7, #803A58, #1F3723)

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