Patina Field color palette — #FFF1F2 · #D19CC7 · #69AA76 · #98598E · #4C4E47

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Mauve (#D19CC7): A luminous, balanced pink — the color of a candy shop window.
• Jade (#69AA76): A luminous, balanced green — the color of fresh herbs.
• Slate (#98598E): A full-bodied, balanced pink — the color of neon signs at night.
• Charcoal Brown (#4C4E47): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Patina Field 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

• Timeworn Mallow color palette (#FEEDEE, #DB9BCC, #75AB82, #915D86, #30322B)
• Softworn Courtyard color palette (#FDF1F8, #AAAADE, #9E9E4A, #6D6AA7, #4F4D46)
• Tempered Mallow color palette (#F7F3FF, #EBACE0, #8BC09A, #A97AA1, #2F5553)
• Turquoise Ridge color palette (#FFF2ED, #DE9C9A, #0FACBD, #A25B5B, #395540)
• Hushed Driftwood color palette (#FFF1F2, #BE81AA, #998B31, #338198, #513C3D)
• Antique Driftwood color palette (#FFF1F1, #E2D8D0, #CDC294, #94789D, #5D4846)
• Hushed Chestnut Villa color palette (#FEF3EC, #CCB29D, #AA705A, #8A4930, #643E00)
• Hushed Mulberry color palette (#FFF2F0, #E65999, #009571, #A60061, #004634)

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