Patina Alley color palette — #C8E8D3 · #705E00 · #2419D3 · #352C00 · #04003F

Cobalt and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#C8E8D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#705E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Cobalt (#2419D3): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#352C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#04003F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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 Aubergine color palette (#D5FAEA, #5F6500, #5100C1, #2C3000, #110036)
• Lapis Meadow color palette (#F4EAD2, #897800, #4147ED, #504500, #07003D)
• Aged Denim color palette (#F5D7E2, #894F00, #004E86, #432400, #001023)
• Pale Lapis Balcony color palette (#C2F1DB, #9D9822, #592BED, #545100, #281A6E)
• Aubergine Parlor color palette (#D3F2EA, #3D5C00, #5E007E, #162600, #0D0015)
• Patina Aubergine color palette (#DAEFEC, #23822A, #67006C, #023707, #1F0021)
• Garnet Parlor color palette (#E7E3C0, #564E00, #00485B, #580041, #090800)
• Olive Boulevard color palette (#F4D7EF, #008CCB, #4C7A00, #021109, #000202)

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