Patina Ridge color palette — #F8E8F1 · #AF7158 · #2E4134 · #271922 · #0F0A10

Built around Mocha, softened by Forest — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#F8E8F1): A whisper-light, dusty pink — the color of neon signs at night.
• Mocha (#AF7158): A luminous, balanced orange — the color of autumn markets.
• Forest (#2E4134): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#271922): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#0F0A10): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Bronze Grove color palette (#F5DAE3, #995900, #2B2C00, #220312, #080107)
• Patina Olive Drift color palette (#E1F1E9, #7B7A00, #183736, #061A12, #030803)
• Amber Parlor color palette (#FBEFE8, #D18669, #735100, #592800, #27201E)
• Smoked Chestnut color palette (#D6EED6, #734C00, #3A3A33, #151E00, #0A0400)
• Deep Basalt color palette (#D6F7EB, #5D525A, #323B00, #141F21, #000905)
• Onyx Chapel color palette (#F7DDE9, #58635A, #441D00, #14150C, #030200)
• Hushed Cobalt color palette (#E2F8EC, #A59E68, #6491C2, #477CB3, #152D21)
• Muted Bronze color palette (#ECF5EB, #D0AC81, #859AD5, #9C6400, #22314B)

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