Patina Lagoon Courtyard color palette — #FBF2F5 · #DBDEED · #9AB3D7 · #539299 · #4B5267

Built around Storm Blue, softened by Mauve — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF2F5): bright and airy, almost weightless.
• Silver (#DBDEED): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#9AB3D7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Storm Blue (#539299): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#4B5267): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Ash Coast color palette (#EEF6FF, #DCD9E3, #CAAAA7, #7EA4B5, #444D5C)
• Aged Corridor color palette (#F4F6F0, #CAE2E4, #789DC3, #11799C, #624962)
• Aged Cerulean color palette (#EEF6FF, #98CAF8, #D5A77D, #5B91C3, #64414F)
• Hushed Driftwood Loft color palette (#EEF6FF, #8EB4E2, #C79B6C, #8E9053, #344456)
• Soft Cobalt color palette (#EEE2E6, #7BBAE0, #4074C0, #00585C, #19144D)
• Teal Corridor color palette (#F5E3EF, #4AA3A1, #006374, #003E23, #000B14)
• Periwinkle Canyon color palette (#EFF6FF, #C5DAFF, #7CA0D0, #526F98, #233753)
• Feathered Cobalt color palette (#F5EBF2, #8CD1E1, #0091CA, #006E5D, #0E2D57)

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