Cocoa Workshop color palette — #FFEDEA · #E0D7C8 · #C4C8A0 · #A67E84 · #622804

Rust and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEDEA): A whisper-light, dusty orange — the color of autumn markets.
• Bone (#E0D7C8): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#C4C8A0): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#A67E84): A luminous, dusty red — the color of embers at dusk.
• Rust (#622804): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, 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

• Seafoam Market color palette (#FFEFDD, #D7E3C1, #89DACB, #9C6E5B, #38342E)
• Chestnut Balcony color palette (#F8F0E7, #C9B997, #9E7C4E, #7F481A, #2F2C1D)
• Weathered Mustard color palette (#FFEEE6, #E0D9BD, #CCC000, #AF4B7D, #3D1A07)
• Ash Station color palette (#FDF0FF, #E9D7D8, #BBBDCC, #AB9FC0, #554852)
• Hazy Lagoon color palette (#F7E5CB, #94A14D, #009374, #5C2B00, #060600)
• Muted Grove color palette (#FADAD2, #C17539, #7B6B00, #600747, #090100)
• Hushed Cerulean Harbor color palette (#FFEDE8, #C67E80, #2392A1, #645485, #2E1E19)
• Aged Lime Thicket color palette (#FBE0D1, #EDBD75, #96B121, #91485C, #2D1400)

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