Patina Alley color palette — #D2DEF7 · #4856B8 · #006437 · #004140 · #121737

Cobalt takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Powder Blue (#D2DEF7): A whisper-light, dusty violet — the color of a velvet chair.
• Cobalt (#4856B8): A full-bodied, balanced violet — the color of wild irises.
• Pine (#006437): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004140): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#121737): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Patina Alley 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 Garden color palette (#E9EEFE, #6B65B1, #00725A, #004F53, #1E253E)
• Muted Nightshade Grove color palette (#E6EAFF, #5D3DA1, #004437, #002B32, #020E2D)
• Wandering Hollow color palette (#DDDCF1, #8440A6, #346300, #003D4C, #08031B)
• Hushed Terrace color palette (#CBE2F1, #006C8C, #535800, #0B4404, #001D2E)
• Linen Orchid color palette (#F0D6DE, #9C5FCD, #008755, #00578B, #221130)
• Hushed Mulberry color palette (#E5D7F5, #9B3279, #005C78, #002F82, #300823)
• Chestnut Villa color palette (#D1E4D7, #766000, #00624E, #004047, #221A00)
• Deep Aubergine color palette (#E5E0EF, #73026C, #003D4B, #001E38, #0D000B)

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