Patina Cocoa color palette — #F7EAF2 · #A0A05D · #6C2D16 · #391509 · #200F1B

Built around Rust, softened by Moss — the whole palette hums with nature and growth.

The five colors

• Blush (#F7EAF2): bright and airy, almost weightless.
• Moss (#A0A05D): A luminous, balanced green — the color of a quiet forest floor.
• Rust (#6C2D16): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#391509): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#200F1B): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Worn Harbor color palette (#FFF1F5, #C0AE70, #6B4923, #43222F, #281513)
• Dusty Garnet color palette (#F1ECF8, #7FA979, #642B51, #35132A, #1A0E17)
• Softworn Amber Veranda color palette (#D6EBDD, #BE8700, #473A00, #211A00, #000F0D)
• Pale Cocoa Coast color palette (#FCF2F8, #CC856C, #006F4B, #892C00, #001D1E)
• Muted Ember Coast color palette (#F7ECE5, #CCCE86, #CE653E, #7A4734, #1E130C)
• Muted Bronze color palette (#F4D7E4, #8A7C06, #293628, #3F1B00, #140500)
• Washed Stone Villa color palette (#ECF9F3, #ABCAA9, #406857, #1F4033, #192828)
• Frosted Amber Meadow color palette (#DFFDF7, #D78E53, #285509, #112F00, #00201C)

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