Patina Ridge color palette — #FFF1F5 · #D4D4AE · #98707D · #63424C · #32282B

A conversation between Mocha and Wheat, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Wheat (#D4D4AE): A whisper-light, dusty green — the color of fresh herbs.
• Mocha (#98707D): A full-bodied, dusty rose — the color of strawberry cream.
• Cocoa (#63424C): A full-bodied, dusty rose — the color of strawberry cream.
• Onyx (#32282B): quiet, heavy and certain.

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

• Timeworn Thicket color palette (#FCF2F3, #FFD3C2, #B98FB1, #866266, #332829)
• Driftwood Canyon color palette (#F4F4FC, #E7FFCF, #9379A9, #44435B, #1A1A25)
• Softworn Terrace color palette (#F6F4FB, #D7B4CC, #745071, #3C3154, #2D222C)
• Patina Mulberry color palette (#FFE9E6, #B5BA7E, #8F4964, #4F2926, #240F0D)
• Antique Driftwood Boulevard color palette (#FDF2F4, #E4C4E9, #BC935E, #A67AAD, #322D27)
• Muted Mallow color palette (#FCF5E1, #E1ABC9, #B58673, #43778A, #5A403B)
• Wandering Ash Bloom color palette (#FFF1F3, #C998C6, #82A684, #618563, #4E3639)
• Taupe Field color palette (#FCF3F2, #DFD9D3, #AFB2A9, #B9908C, #5A504F)

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