Patina Lagoon color palette — #EEF8F1 · #A9C9C0 · #578C8D · #63637A · #3A534D

A conversation between Storm Blue and Stone, giving this palette its sense of sophistication and grounding.

The five colors

• Ivory (#EEF8F1): bright and airy, almost weightless.
• Stone (#A9C9C0): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#578C8D): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#63637A): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#3A534D): A full-bodied, dusty teal — the color of glacier melt.

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

• Washed Cabin color palette (#EEF8F3, #B7DAD1, #81A784, #807896, #36544D)
• Ash Pier color palette (#FAF3F7, #D7DFF1, #7E9CBD, #42797F, #48526D)
• Muted Driftwood color palette (#F4F2EB, #C6C5AB, #7F8A44, #78575C, #32312B)
• Softworn Pier color palette (#CEEDE3, #5F9A7E, #006163, #592C49, #003031)
• Antique Cypress Lagoon color palette (#E5FBF2, #77B487, #007A71, #694065, #094442)
• Ancient Bronze color palette (#FFF0FA, #D6A193, #6C9ECB, #A55B49, #355069)
• Patina Cerulean Thicket color palette (#FFF0F9, #C9846B, #618CC1, #6E6C99, #4E3C47)
• Dusty Workshop color palette (#F8F5EE, #E2E0BF, #90C3A8, #AF9099, #554F00)

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