Cocoa Workshop color palette — #FFE8EF · #5D3700 · #282200 · #001123 · #050100

Bronze takes the lead with Onyx close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFE8EF): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#5D3700): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#282200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001123): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Velvet Garnet color palette (#F2E3ED, #671500, #431700, #001412, #070003)
• Patina Rust color palette (#FFE4F0, #BC432D, #573400, #201B00, #000D01)
• Obsidian Onyx Garden color palette (#D9E8DD, #423200, #122D00, #0A0032, #030100)
• Obsidian Delta color palette (#EED8EA, #8E030A, #342900, #000E3A, #170000)
• Aged Garnet color palette (#F3E9EF, #A2ACA2, #618979, #641A00, #210B1B)
• Onyx Station color palette (#D6F0F2, #005847, #00392D, #250047, #0A0600)
• Muted Peony Orchard color palette (#FAD9E4, #D35DAB, #A95B00, #0E5106, #0F0700)
• Hushed Aubergine Grove color palette (#D4EFE7, #3F6000, #114C01, #350070, #1A1100)

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