Patina Grove color palette — #FBF3EF · #DEDBD0 · #C1C1B4 · #A0633E · #4F4540

Ochre and Stone set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Bone (#DEDBD0): bright and airy, almost weightless.
• Stone (#C1C1B4): a calm mid-gray that lets other colors speak.
• Ochre (#A0633E): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#4F4540): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Tempered Bronze color palette (#F7F0ED, #D8D7D0, #BABEB1, #9F6257, #372822)
• Patina Drift color palette (#FFF2E9, #CAB79B, #8D8238, #4F6B60, #5E4B5B)
• Hushed Loft color palette (#F3E8E1, #B6A695, #9C7936, #5C2500, #210F02)
• Ancient Basalt color palette (#FCF4E6, #B2B384, #687B4F, #754F43, #504100)
• Hushed Delta color palette (#E6E5DB, #B8BBA7, #89927D, #394D00, #232007)
• Moss Veranda color palette (#FFF3E9, #FFD0CA, #F6AE6F, #988E28, #433E38)
• Amber Market color palette (#FFF4E2, #CC8263, #816527, #055866, #423C37)
• Aged Bronze color palette (#FAF4EE, #DBDBD2, #BEC1B1, #926A4F, #4E4640)

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