Patina Lagoon color palette — #E5F7EC · #A6BC8F · #4F8262 · #52526E · #0E2D27

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#E5F7EC): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#A6BC8F): A luminous, dusty green — the color of fresh herbs.
• Fern (#4F8262): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#52526E): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#0E2D27): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Stone Quarry color palette (#E7F5F2, #A0D0B7, #5D8B95, #655D70, #1E3636)
• Weathered Lantern color palette (#E2F8EE, #7DB06F, #007755, #543C59, #00221E)
• Worn Bloom color palette (#FCF4E6, #B4B287, #458167, #724E5A, #494400)
• Basalt Grove color palette (#F9F5E9, #B7CDA1, #759A78, #8D656B, #494400)
• Hushed Bronze Balcony color palette (#F8F6E8, #D5F0B9, #84AA7A, #A2653E, #393932)
• Ancient Cerulean Meadow color palette (#F9EEF4, #C0E2F6, #6592BB, #226B66, #1D2C46)
• Washed Pine color palette (#D4F8EB, #3F8B54, #005042, #491619, #000A09)
• Hushed Meadow color palette (#FFECF3, #F3AD66, #A96926, #623602, #221100)

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