Patina Lagoon color palette — #E7FAF2 · #91C29D · #438F87 · #63673D · #103D3B

Fern and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FAF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#91C29D): A luminous, dusty teal — the color of sea glass.
• Fern (#438F87): A full-bodied, dusty teal — the color of shallow lagoons.
• Olive (#63673D): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Teal (#103D3B): 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

• Worn Study color palette (#FFF1F5, #BBB785, #688C5C, #7C5C3B, #163E2D)
• Aged Pier color palette (#F8F5EB, #ABDFB4, #009F92, #646736, #262B0F)
• Dusty Lagoon color palette (#E8FAF1, #95CB96, #0E9C88, #3D6F90, #064440)
• Teal Study color palette (#D8E9E3, #70B78C, #00837E, #38587A, #003030)
• Weathered Cypress Boulevard color palette (#F6F6EA, #7EA687, #007459, #3A541D, #35362F)
• Tempered Coast color palette (#F0F7F1, #BBD9CE, #6FA7A5, #648292, #3F524C)
• Gentle Balcony color palette (#D5F1DC, #2BC1B2, #0099A9, #006783, #143E65)
• Dusty Pine Lagoon color palette (#F9F3F8, #B0DCEF, #629DC2, #1F7E58, #293B58)

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