Patina Azure color palette — #FDF3EF · #A3F6FD · #009FD3 · #006E3D · #061D41

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

The five colors

• Ivory (#FDF3EF): a clean, paper-quiet neutral.
• Sea Foam (#A3F6FD): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#009FD3): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006E3D): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#061D41): A deep, shadowed, dusty 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

• Tempered Corridor color palette (#FEF3EA, #CAEBFF, #668FE6, #006A64, #20173A)
• Softworn Turquoise Lagoon color palette (#E4F3E7, #90E3EB, #1EB6D8, #18927E, #003248)
• Cobalt Grove color palette (#FFF2EA, #93D7F1, #007ADE, #005345, #0A0131)
• Hushed Petrol Canyon color palette (#F6EAF3, #83BDC2, #007392, #00523C, #003053)
• Periwinkle Quarry color palette (#FFF2E9, #D8D6E3, #7CAFFF, #00897C, #332E59)
• Wandering Denim color palette (#EADED7, #71ACBE, #005892, #002C21, #01000A)
• Aged Orchid color palette (#F0F9E3, #37D797, #AF4DE4, #00764E, #250635)
• Hazy Mint Boulevard color palette (#DCFFE9, #63E3A2, #00936A, #00402B, #000502)

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