Patina Garden color palette — #FFF1F3 · #F5D2CF · #E599A3 · #AB6C66 · #59524D

Built around Rose Quartz, softened by Mocha — the whole palette hums with sophistication.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Shell Pink (#F5D2CF): A whisper-light, dusty orange — the color of toasted spice.
• Rose Quartz (#E599A3): A luminous, balanced red — the color of embers at dusk.
• Mocha (#AB6C66): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal Brown (#59524D): quiet, heavy and certain.

Feels like: Sophistication. Tagged light, muted.

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 Veranda color palette (#FFF2EF, #E8D6CC, #DD9881, #A47752, #603F00)
• Timeworn Mallow Summit color palette (#FFF0F9, #EFD2E6, #CA9ED7, #A06D92, #694741)
• Antique Coral Delta color palette (#FFEDEB, #E7A3B2, #C76A7C, #834548, #3E3633)
• Coral Courtyard color palette (#FFF2EE, #F4D4C6, #91DAE4, #D17F88, #314E39)
• Washed Drift color palette (#FFD3DB, #FF938F, #CA4300, #723B00, #281C00)
• Dusty Amber color palette (#FFF1F2, #FFA98F, #D9772D, #895600, #403300)
• Softworn Boulevard color palette (#FFF2EE, #E0DBCE, #D9A7AB, #9CBDB7, #793F19)
• Cocoa Pier color palette (#FFE9DF, #D4D3E1, #A79CA2, #632F00, #2F2722)

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