Patina Ridge color palette — #FBF2F8 · #AFB37E · #754133 · #4E1C0F · #2A1D26

A conversation between Espresso and Coffee, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Sage (#AFB37E): A luminous, dusty green — the color of fresh herbs.
• Coffee (#754133): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#4E1C0F): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#2A1D26): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Mulberry Station color palette (#F8F3FE, #91BB98, #733B5F, #491A39, #261D2F)
• Chestnut Loft color palette (#EEF8F1, #C5AA7F, #5F5011, #382D00, #19251D)
• Hushed Bronze Ridge color palette (#FEF1F8, #E0C07E, #AB572D, #5E3725, #2A1D25)
• Washed Studio color palette (#FFF2EC, #DDDB81, #C38175, #69615D, #2D1E16)
• Amber Quarry color palette (#F5DDE6, #AA9100, #573000, #2A1400, #210311)
• Hazy Brick color palette (#FAF2F8, #D5A093, #007F7E, #AE2100, #072931)
• Patina Bronze Delta color palette (#F2F7F1, #D3DDDD, #B1C3C9, #936C35, #434A42)
• Smoked Chestnut color palette (#E1F1E5, #7A5800, #252732, #1B1300, #040200)

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