Patina Lagoon color palette — #FAF4F0 · #CEE5E6 · #C7A4C3 · #2E998F · #644A57

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CEE5E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Mauve (#C7A4C3): A luminous, dusty pink — the color of peonies in June.
• Fern (#2E998F): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#644A57): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Patina 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

• Lagoon Delta color palette (#FBF2F6, #D7D4DF, #C2BDE9, #639F95, #464C64)
• Timeworn Lagoon Market color palette (#FAF4EE, #C3E5E7, #89A4DA, #088D85, #494169)
• Cerulean Boulevard color palette (#FFF3E6, #D5A775, #71ADCF, #718AC1, #47413C)
• Softworn Ultramarine color palette (#ECE3DA, #7FA6CC, #535AB5, #00494D, #1F0036)
• Ancient Courtyard color palette (#FFE9E8, #ECB4AD, #D99071, #9B6720, #534F48)
• Antique Chestnut Dune color palette (#FFF2EA, #DDE0CC, #A2DFD1, #C89298, #754902)
• Amber Loft color palette (#FFF2E9, #E7B99E, #76BAE6, #CA7237, #2A5749)
• Airy Cobalt color palette (#FAEBE2, #93BCA9, #3574C6, #005A4F, #1D114E)

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