Patina Azure color palette — #FCF1FA · #A9F4FF · #389CD0 · #006E46 · #0B1B43

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Sea Foam (#A9F4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#389CD0): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006E46): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#0B1B43): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Dusty Cabin color palette (#FDF1F6, #D5DFFD, #6390E3, #006B63, #1F153F)
• Pale Cobalt color palette (#FFF0F8, #95D6F3, #487BBF, #005248, #0C0031)
• Timeworn Turquoise color palette (#F3EEE5, #BCDDC3, #40B4D7, #009283, #00324A)
• Wandering Field color palette (#F9EBE5, #81BDC5, #00719D, #005332, #172B57)
• Periwinkle Loft color palette (#FFF1F7, #D6D4E0, #83ADFF, #008980, #372963)
• Patina Denim Market color palette (#F5E6EF, #62AEC9, #00559A, #002C23, #01000A)
• Ancient Spruce Alley color palette (#F5EAF7, #7AC7C2, #00738C, #034109, #000308)
• Weathered Orchard color palette (#FAF3F8, #D5D4E2, #B7C0E6, #659D9F, #414E63)

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