Patina Alley color palette — #F9F3F7 · #D5D4E3 · #74C5F4 · #549171 · #304058

Sky and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D5D4E3): A whisper-light, dusty violet — the color of wild irises.
• Sky (#74C5F4): A luminous, balanced blue — the color of open sky before noon.
• Fern (#549171): A luminous, balanced teal — the color of sea glass.
• Navy (#304058): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Aged Powder color palette (#FBF3F5, #D8D4DF, #B5CBFF, #629E9B, #484C62)
• Timeworn Periwinkle Field color palette (#FCF2F7, #D7D4E0, #5EA9FF, #00816E, #242D48)
• Dusty Harbor color palette (#EBF4F3, #BBE3F5, #5299AC, #006C6D, #003141)
• Dusty Cerulean Harbor color palette (#FEF3EE, #CBE3D1, #4C94B5, #20715D, #563E59)
• Wandering Field color palette (#F4ECF4, #6CB0AC, #005E73, #022E04, #000104)
• Hushed Pier color palette (#F8E9F2, #5DC7E2, #006BAE, #003F30, #010014)
• Mallow Study color palette (#EBFAEA, #FFC988, #C4A9FF, #B57D30, #3C3155)
• Sapphire Terrace color palette (#FFF1F7, #9BD4F8, #4270E8, #00524E, #100327)

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