Patina Azure color palette — #FFF2EB · #85D9F2 · #0095DD · #007368 · #132F68

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Ice Blue (#85D9F2): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#0095DD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007368): A full-bodied, balanced teal — the color of sea glass.
• Navy (#132F68): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Linen Studio color palette (#FFF2EB, #81DDDA, #009DB6, #007745, #003751)
• Hushed Coast color palette (#FDF3E8, #9ED0FF, #5D80FF, #00707F, #342662)
• Hushed Azure color palette (#EAFAED, #CFE2F7, #00A6E6, #007272, #002547)
• Periwinkle Corridor color palette (#FFF0F9, #9AE7FF, #59B1FF, #009B7C, #26276F)
• Aqua Balcony color palette (#DEFDF9, #57C8E8, #00799E, #00545D, #003751)
• Powdered Cobalt Villa color palette (#EBDCD2, #7DBBD4, #0079C5, #005A55, #101B45)
• Periwinkle Pier color palette (#FBF4EE, #C8EFE0, #7FA6E1, #148B91, #573F4F)
• Frosted Ultramarine Pier color palette (#FAEEE1, #7CA6CF, #3C55D5, #004853, #160636)

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