Patina Garden color palette — #F5D9E0 · #9962AE · #507E00 · #006D42 · #270612

A conversation between Olive Leaf and Slate, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F5D9E0): A whisper-light, dusty red — the color of late-summer berries.
• Slate (#9962AE): A full-bodied, balanced pink — the color of neon signs at night.
• Olive Leaf (#507E00): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006D42): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#270612): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Patina Meadow color palette (#FFE5E1, #B5597C, #008264, #006A60, #260908)
• Pale Indigo color palette (#F7E4EE, #7A68D1, #7B7000, #576200, #140D2D)
• Pine Parlor color palette (#E6DFFF, #BA7BBC, #5D9C43, #0D8F48, #2E2544)
• Frosted Grove color palette (#FCDFF8, #A726A1, #004B4B, #03490C, #0A0009)
• Lagoon Atelier color palette (#FFEDE8, #C6898D, #489E98, #38858D, #35221C)
• Chestnut Ridge color palette (#EAE0C7, #90A074, #6F6620, #553800, #171A00)
• Pale Ember color palette (#FFDCD0, #DC4B00, #008398, #006C8A, #2F0900)
• Powdered Bronze color palette (#F5DED0, #A35100, #006884, #00517A, #160600)

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