Patina Loft color palette — #F4F6ED · #C2E3E4 · #76ABD4 · #32869F · #563D59

A conversation between Cerulean and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Silver (#C2E3E4): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#76ABD4): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#32869F): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#563D59): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Patina Workshop color palette (#F5F6EE, #C4E3DC, #63B3C2, #338A84, #184F5E)
• Aged Cerulean color palette (#FAF4EF, #C7E4D8, #608CC5, #007072, #3F4569)
• Patina Ultramarine Quarry color palette (#E8EFDA, #7DA6CC, #0164C1, #004661, #000C3E)
• Wandering Cerulean color palette (#E8EBDC, #499FB7, #00617E, #003B40, #000B13)
• Weathered Petrol color palette (#E5E6D7, #98BC9D, #008395, #005A55, #00242D)
• Muted Cobalt color palette (#EDF0E5, #A0CAE9, #498BC8, #006785, #112E53)
• Tempered Grove color palette (#E9FCE5, #2ABCB1, #6D9CD2, #7E8E51, #2C3E28)
• Patina Cerulean Lagoon color palette (#F6F7E4, #79DEDE, #009FAA, #007467, #003A43)

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