Cocoa Workshop color palette — #FFEEE5 · #DDDAC5 · #BBCAA6 · #B38883 · #5C3300
A conversation between Cocoa and Dusty Rose, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFEEE5): A whisper-light, dusty orange — the color of sun-warmed clay.
- Bone (#DDDAC5): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#BBCAA6): A luminous, dusty green — the color of new leaves after rain.
- Dusty Rose (#B38883): A luminous, dusty orange — the color of autumn markets.
- Cocoa (#5C3300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
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
- Tempered Bone color palette (#FDEFE0, #B8E9CC, #94C2B8, #A48476, #3D3832)
- Worn Stone Harbor color palette (#FFF0F7, #D5DBCD, #C5A5BA, #8EA2AF, #5D4C53)
- Aged Bronze Station color palette (#F8F1E0, #B4C297, #9A7F39, #784E07, #2C2E20)
- Tempered Archive color palette (#FFEEE2, #FFE493, #A2CE84, #A4524D, #3D2707)
- Hushed Lagoon Bloom color palette (#F7EACB, #A5C476, #269E7B, #784000, #140E00)
- Jade Study color palette (#E9E2CB, #56B371, #008E8B, #4F3000, #050800)
- Weathered Station color palette (#FADFCC, #B08100, #547600, #52081B, #070200)
- Dusty Seafoam color palette (#EADFEF, #00EBD0, #FF9E7C, #3A332F, #211C19)
Browse the whole catalog at Explore, or see today's palette.