Patina Loft color palette — #FBF2FA · #9FF0F6 · #5EBEEB · #529E6F · #253B59

A conversation between Cyan and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Sea Foam (#9FF0F6): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#5EBEEB): A luminous, balanced blue — the color of open sky before noon.
• Fern (#529E6F): A luminous, balanced teal — the color of glacier melt.
• Navy (#253B59): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Powder Veranda color palette (#FFF1F5, #C3E5FF, #97AEF6, #4B9B99, #353854)
• Hushed Cypress Basin color palette (#EBF9F6, #D4DFEB, #5DB5C4, #008079, #003541)
• Powder Summit color palette (#F9F3F9, #D3D5E8, #9AD0E7, #85AE8D, #465464)
• Timeworn Taupe color palette (#D6FFF8, #ABE8FF, #BBC1F4, #B49D65, #184347)
• Worn Azure color palette (#EBDCE7, #72D0E4, #3B9AD9, #00805D, #111A45)
• Mint Chapel color palette (#D2F7F4, #4FDF7C, #D595E1, #58A56B, #46284B)
• Cerulean Boulevard color palette (#F7F0ED, #B5CFB9, #3487A3, #005E44, #00223D)
• Wandering Cobalt color palette (#E7DBE4, #20B4C3, #007EAE, #00613B, #000429)

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