Patina Garden color palette — #F9EEF3 · #9BD8FF · #4577FC · #00625E · #271C44

Sapphire and Powder Blue set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F9EEF3): a clean, paper-quiet neutral.
• Powder Blue (#9BD8FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Sapphire (#4577FC): A luminous, vivid violet — the color of wild irises.
• Peacock (#00625E): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#271C44): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Weathered Sapphire color palette (#FBEEF2, #82C3F4, #4255FF, #005151, #210A3D)
• Muted Cobalt Veranda color palette (#FAEDF7, #8CDFED, #008CC9, #006543, #102050)
• Aged Cobalt color palette (#E9FBEC, #9CD6FD, #3881D1, #006474, #313E63)
• Softworn Iris Coast color palette (#FFF3E8, #B6E1FF, #7598EF, #00837E, #423860)
• Quiet Balcony color palette (#C6EBFF, #008FBF, #907000, #566518, #001B28)
• Nightshade Terrace color palette (#D1EFEB, #00B1CB, #007BB0, #043CAB, #231C56)
• Sapphire Summit color palette (#E9F3FF, #87B3FF, #0069EE, #00347A, #00112F)
• Airy Sky Harbor color palette (#E6F4FF, #29B3F9, #A36300, #00628E, #311A00)

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