Cocoa Workshop color palette — #F1DDD1 · #A25F35 · #662300 · #290300 · #030100

Rust takes the lead with Ochre close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Parchment (#F1DDD1): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#A25F35): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#662300): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#290300): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, muted.

Use it as a design system

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

• Deep Archive color palette (#EFDCCC, #A16A00, #543E00, #110C00, #010100)
• Nocturne Corridor color palette (#FDE9DE, #7D4D0C, #501400, #27000D, #050300)
• Bronze Harbor color palette (#F8DCCC, #B66C1B, #994120, #6B222E, #060300)
• Worn Rust Hollow color palette (#F0DFD5, #CD4800, #543400, #4E1600, #020100)
• Frosted Balcony color palette (#FFF3E7, #DBA861, #A86400, #6C3500, #1C1000)
• Taupe Basin color palette (#F4E3C6, #AE9943, #775B00, #442D00, #050400)
• Feathered Crimson color palette (#F1E6FC, #B27200, #D5003D, #130602, #040000)
• Muted Amber color palette (#FFF3E4, #DCC495, #AD813A, #774E1F, #2B1F05)

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