Patina Lagoon color palette — #F5F2E7 · #C3C6A8 · #5C8F7B · #53675A · #31322B

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

The five colors

• Cream (#F5F2E7): bright and airy, almost weightless.
• Pistachio (#C3C6A8): A luminous, dusty green — the color of fresh herbs.
• Fern (#5C8F7B): A luminous, dusty teal — the color of sea glass.
• Graphite (#53675A): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#31322B): quiet, heavy and certain.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Timeworn Fern color palette (#F2F2EC, #BBC9AC, #3D9291, #63661C, #243800)
• Lagoon Market color palette (#F7F2E4, #B6B68F, #498363, #6F4756, #292911)
• Cypress Courtyard color palette (#F7F0ED, #C5E8E4, #71A3C3, #2E7A6B, #3F303F)
• Weathered Oat color palette (#FEECF8, #E7D4D0, #EFB8AD, #638D7F, #493840)
• Oat Delta color palette (#ECF9F3, #B9DDB4, #71A6AA, #6A818D, #3D524F)
• Dusty Jade color palette (#F3F4DC, #58BE92, #007B76, #0F5272, #002819)
• Washed Jade color palette (#E9E7C5, #4CAB73, #006A5E, #5F1F5D, #001C0C)
• Velvet Hollow color palette (#E3DFCA, #2A7B31, #004131, #32033D, #000400)

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