Patina Lagoon color palette — #FBF3F0 · #CDE7E2 · #83BBD1 · #4A977B · #2B5349

A conversation between Fern and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#CDE7E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#83BBD1): A luminous, dusty blue — the color of deep harbor water.
• Fern (#4A977B): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#2B5349): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Lagoon Market color palette (#FAF4EF, #CEE5E6, #94B3DE, #439598, #63495B)
• Timeworn Glacier Basin color palette (#F5F6ED, #C8E9E2, #8BD4E3, #8FAB8B, #375143)
• Ancient Petrol Alley color palette (#F0E4DC, #83AD95, #006DA4, #004B43, #000844)
• Hushed Pine color palette (#FFF5D9, #BCC999, #7BA66E, #39895A, #425434)
• Ancient Lantern color palette (#F5F6EA, #AECFA6, #D79CBF, #649D57, #653F56)
• Coral Studio color palette (#F2F8E7, #8DBF9F, #C88DC4, #C37079, #41433C)
• Hazy Delta color palette (#FCF3ED, #BAE7D0, #3FA2F1, #00837C, #293B76)
• Airy Station color palette (#F5EDE6, #A8CEBF, #4785E0, #006B70, #26255D)

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