Patina Grove color palette — #F3F2EA · #C9C59D · #6D8E5D · #556753 · #32312A

Built around Fern, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Cream (#F3F2EA): bright and airy, almost weightless.
• Pistachio (#C9C59D): A luminous, dusty green — the color of new leaves after rain.
• Fern (#6D8E5D): A luminous, balanced green — the color of a quiet forest floor.
• Graphite (#556753): A full-bodied, dusty green — the color of new leaves after rain.
• Espresso (#32312A): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Olive Meadow color palette (#F8F1E4, #C1B289, #747C28, #6B4D43, #2E2711)
• Turquoise Villa color palette (#F2F2EC, #C4E5DB, #47ADB6, #3A786D, #283C2E)
• Dusty Lagoon color palette (#EEF1E3, #50A078, #00644D, #003F53, #0E1500)
• Olive Lantern color palette (#E8E2D2, #666F14, #2C3D00, #410102, #040300)
• Softworn Pine Bloom color palette (#F2F4DB, #7FB78B, #007F53, #005666, #1E2403)
• Misty Field color palette (#E9E5D2, #80A247, #306C00, #6A240A, #101A00)
• Cocoa Ridge color palette (#FAF4EC, #C5E1CC, #9DB88B, #977D8D, #564400)
• Inked Fern color palette (#F2F0D9, #3A6523, #00340B, #00181A, #000200)

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