Patina Lagoon color palette — #FBF4EF · #C0E8E7 · #83A8D0 · #3E8886 · #583E52

Fern takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF4EF): bright and airy, almost weightless.
• Silver (#C0E8E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#83A8D0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#3E8886): A full-bodied, dusty teal — the color of glacier melt.
• Cocoa (#583E52): A full-bodied, dusty pink — the color of a candy shop window.

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

• Powder Alley color palette (#FCF3EF, #CEE7E1, #83BBD0, #5E937D, #365149)
• Worn Iris Harbor color palette (#FAF4EE, #B4DFD2, #7993D5, #007A88, #3A345A)
• Wandering Azure Summit color palette (#FFF3E9, #D79363, #36A5D1, #588AC0, #3D3732)
• Denim Orchard color palette (#F8E9E1, #4DA0B1, #005F86, #003C32, #00081D)
• Quiet Field color palette (#FFF2EB, #81DDD8, #009DB4, #007742, #003850)
• Linen Ultramarine color palette (#F6EAE0, #6EA9D1, #2660C3, #00494E, #120043)
• Patina Petrol color palette (#F6EAE4, #9ABC9B, #00829B, #005C3A, #002236)
• Bronze Hollow color palette (#FFF3E7, #E3AA78, #54B4C9, #AF6F32, #004B58)

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