Cocoa Workshop color palette — #FFF2EE · #E0D9CE · #E8BC85 · #A16982 · #723618
A conversation between Rust and Sand, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E0D9CE): a clean, paper-quiet neutral.
- Sand (#E8BC85): A whisper-light, balanced gold — the color of old brass.
- Mocha (#A16982): A full-bodied, dusty rose — the color of pressed rose petals.
- Rust (#723618): A full-bodied, balanced orange — the color of autumn markets.
Feels like: 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
- Tempered Cocoa color palette (#FFF3E7, #DCE2C9, #BBC58A, #9E6550, #674400)
- Worn Pewter Boulevard color palette (#FFF1F3, #E5D6CE, #EBAEAD, #7D699B, #5C3F41)
- Oat Loft color palette (#FFEDEB, #E2D4C6, #D7CD8F, #9D707B, #3C2820)
- Plum Ridge color palette (#FFF2EB, #FFBF86, #B79B00, #B72A47, #5D2E07)
- Bronze Ridge color palette (#FDF4E8, #BAA47D, #8F6B36, #6D482C, #3F3D36)
- Oat Veranda color palette (#FAF1FF, #DAD9CD, #B4DEAD, #9496BD, #554555)
- Lime Workshop color palette (#FFF3E5, #F9E185, #A8CF36, #B8581F, #554012)
- Moss Coast color palette (#FFEDD7, #D0CA82, #7FB056, #8B4602, #3E3105)
Browse the whole catalog at Explore, or see today's palette.