Patina Cobalt color palette — #F9E8F2 · #80BACF · #3B85D4 · #006F5D · #10073B

Azure and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F9E8F2): A whisper-light, dusty pink — the color of a candy shop window.
• Ash (#80BACF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Azure (#3B85D4): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006F5D): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#10073B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Iris Garden color palette (#F5E8ED, #99C6E4, #6A8DE8, #007D79, #241146)
• Sunlit Pine color palette (#E7DBE7, #7ABEBD, #0091B5, #007328, #00142C)
• Muted Petrol color palette (#EFE5D5, #67ADC6, #006E9F, #004A4C, #00142D)
• Chalky Lagoon color palette (#D0F0E6, #009F9D, #007A8F, #00528A, #050048)
• Quiet Periwinkle Basin color palette (#F6EBF2, #9FDFF1, #5FABEC, #009474, #242A51)
• Bronze Grove color palette (#CDEBFC, #009CBF, #C26100, #006D86, #1D0900)
• Pale Harbor color palette (#CAE4F2, #9ABDF7, #D87DC9, #008D69, #001626)
• Soft Azure Canyon color palette (#E0F2FF, #23A6FF, #0081B2, #00497D, #000306)

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