Patina Lagoon color palette — #ECF9F4 · #96C19C · #3F917D · #256D82 · #143D3A

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

The five colors

• Ivory (#ECF9F4): bright and airy, almost weightless.
• Mint Leaf (#96C19C): A luminous, dusty green — the color of new leaves after rain.
• Fern (#3F917D): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#256D82): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#143D3A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged botanical, earthy, muted, cool.

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

• Olive Boulevard color palette (#ECFAEC, #B9B78A, #6B8C50, #5A5E91, #123F2D)
• Ancient Lagoon color palette (#F9F6E1, #A8E0B4, #439C89, #4C6B5C, #262A13)
• Antique Cypress Quarry color palette (#DFF2ED, #69A182, #007067, #004C68, #002112)
• Antique Cypress Chapel color palette (#F3F7EA, #77A790, #00745E, #005754, #2A3C00)
• Ancient Azure color palette (#FCF2F8, #B4DBF1, #4E9CDA, #007D75, #283862)
• Ash Station color palette (#EFF7F3, #BCD8D1, #6FA7A5, #797A98, #39534D)
• Misty Emerald color palette (#DAF3E0, #A6B36B, #339A33, #55399F, #2C3200)
• Aged Aubergine Canyon color palette (#D0E9DE, #5C8053, #00523B, #400F54, #010800)

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