Cocoa Workshop color palette — #FFDAE2 · #C3A2A4 · #916171 · #794B25 · #5F3D00

Bronze and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FFDAE2): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#C3A2A4): A luminous, dusty red — the color of a theater curtain.
• Pewter (#916171): A full-bodied, dusty rose — the color of strawberry cream.
• Coffee (#794B25): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#5F3D00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Muted Station color palette (#FFEEEF, #D5ACA9, #A77A70, #785E3B, #644800)
• Patina Fern color palette (#FFE4E4, #C8A08A, #967055, #515D28, #024E3B)
• Dusty Fern color palette (#C0EADF, #A6A0CD, #936868, #484F00, #242912)
• Muted Veranda color palette (#FFD6DC, #A46C88, #854352, #4C2E00, #1E2603)
• Timeworn Powder color palette (#DEE2FF, #C2C0E8, #B1A5CC, #967E8E, #583547)
• Ash Dune color palette (#CEE4F7, #AEB9D9, #B47CA1, #4B7055, #2B4B4A)
• Washed Cocoa Dune color palette (#FFE5E4, #916154, #572C00, #181F00, #000E09)
• Quiet Denim color palette (#FFD9E0, #9B60A0, #AA4B3D, #1E57AA, #431E27)

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