Patina Lagoon Pier color palette — #FBF3EE · #C2F3F4 · #C5A5C3 · #56938A · #5F4C56

A conversation between Storm Blue and Mauve, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Honeydew (#C2F3F4): A whisper-light, dusty teal — the color of sea glass.
• Mauve (#C5A5C3): A luminous, dusty pink — the color of peonies in June.
• Storm Blue (#56938A): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#5F4C56): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Patina Lagoon Pier 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

• Periwinkle Pier color palette (#FCF3EC, #C8EFDF, #87A5DB, #4A8780, #5B3D4D)
• Muted Ash Ridge color palette (#E7FBF1, #E9D6D1, #ABAA9A, #7AA190, #465853)
• Hushed Powder color palette (#E4FCF3, #83CEFF, #E29F7C, #5B93B8, #524C47)
• Muted Studio color palette (#E4FCF1, #50BEF2, #C89B64, #948E5C, #32483F)
• Azure Dune color palette (#FEF0FF, #B6DEFF, #6CA1CE, #476E8D, #133D34)
• Bronze Loft color palette (#FEF4E3, #D4CCA0, #AC9877, #9D6636, #474D00)
• Muted Archive color palette (#F9EDE0, #64A8E2, #4F5BB8, #004A4C, #1C0433)
• Cerulean Thicket color palette (#F9EBE6, #88D3D9, #0092C3, #0D703F, #192E4D)

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