Patina Cocoa color palette — #FCEBD9 · #987E2C · #855300 · #6B2600 · #030400

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

The five colors

• Cream (#FCEBD9): A whisper-light, dusty gold — the color of old brass.
• Walnut (#987E2C): A luminous, balanced green — the color of fresh herbs.
• Coffee (#855300): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#6B2600): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, 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

• Eclipse Bronze Workshop color palette (#F2E6D9, #8F6C2A, #543400, #1F0D00, #020100)
• Bronze Parlor color palette (#FFEADA, #B4863E, #A65400, #802D24, #0F0B00)
• Patina Mulberry color palette (#FAE0E3, #BB65B8, #9E4700, #8E118D, #050100)
• Hazy Parlor color palette (#F3D7D4, #BE1B70, #706100, #0B560B, #060002)
• Scarlet Workshop color palette (#FFE9E0, #CE0D30, #664900, #00433A, #03000B)
• Brick Basin color palette (#F1DCED, #C75877, #B52314, #5B2C00, #040200)
• Driftwood Quarry color palette (#F4E8D2, #B1B780, #A58C3C, #915E25, #262601)
• Gentle Aubergine Thicket color palette (#F8D6DF, #6F953D, #642B7B, #240032, #060001)

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