Patina Azure color palette — #F9F3F9 · #B2F3F6 · #00A0CF · #006F35 · #001D44

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Sea Foam (#B2F3F6): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#00A0CF): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006F35): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#001D44): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Muted Azure Bloom color palette (#FDF1F8, #D3E0FF, #5794DE, #006B5C, #1A124B)
• Timeworn Turquoise Bloom color palette (#F5EDE1, #9AE2E4, #00B8D3, #009478, #003345)
• Worn Corridor color palette (#FFF0FA, #9AD6EC, #267DCC, #005343, #090033)
• Petrol Lagoon color palette (#FDEAE3, #5FC4C6, #007393, #0E5326, #132E4F)
• Periwinkle Archive color palette (#FDF1F8, #D7D4DF, #75B0FF, #008978, #312C62)
• Tempered Denim Summit color palette (#E9DDE5, #7CA9C0, #00598E, #002D20, #01000B)
• Muted Ultramarine color palette (#FBE8EF, #86BEE8, #4257D0, #003E3E, #04000E)
• Timeworn Blush Courtyard color palette (#F9F2FF, #E57BB5, #578000, #006D45, #1E0012)

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