Patina Cocoa color palette — #FFF1F6 · #92B09A · #96663C · #7B3C36 · #26443A

Built around Rust, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sage (#92B09A): A luminous, dusty teal — the color of sea glass.
• Walnut (#96663C): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#7B3C36): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#26443A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Washed Chestnut Chapel color palette (#FCDFE9, #A2976B, #865823, #6C2F23, #03392E)
• Weathered Amber color palette (#FFF1F6, #D5B990, #B58358, #8A5C49, #2F4335)
• Timeworn Pewter color palette (#EDF9F0, #9EC1B5, #648B72, #775061, #364D4B)
• Aged Studio color palette (#F0F6FB, #79B6E0, #A3525F, #006697, #2E1D30)
• Chalky Atelier color palette (#EDF7FF, #4888B5, #A5555B, #3B5F00, #1F3547)
• Weathered Olive Ridge color palette (#E2F5E3, #7C7931, #5D3F00, #461700, #091B00)
• Mulberry Market color palette (#E4F4FF, #9BAFE7, #865DA1, #7B266A, #720027)
• Muted Denim color palette (#EEF6FF, #D0A484, #275384, #062E57, #1A222C)

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