Cocoa Workshop color palette — #DCF5F1 · #7FAB96 · #886B7E · #654100 · #392506
Bronze and Sage set the tone — five colors that lean into optimism and sophistication.
The five colors
- Honeydew (#DCF5F1): A whisper-light, dusty teal — the color of sea glass.
- Sage (#7FAB96): A luminous, dusty teal — the color of sea glass.
- Slate (#886B7E): A full-bodied, dusty pink — the color of peonies in June.
- Bronze (#654100): A full-bodied, balanced gold — the color of old brass.
- Espresso (#392506): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged vintage, retro, 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
- Fern Terrace color palette (#DFF1F3, #B099B0, #8D6875, #5F4D00, #2B2600)
- Cocoa Loft color palette (#E5DFBA, #93A37E, #447E8F, #75381D, #442205)
- Chestnut Boulevard color palette (#E6F8E3, #A5C6B9, #997C8D, #775809, #3A3932)
- Pewter Orchard color palette (#CEE4EF, #828FC4, #7E538E, #374A00, #192400)
- Weathered Dune color palette (#C5EFE4, #B498B0, #7777A2, #754960, #64363E)
- Worn Basalt Market color palette (#EDF6FF, #BDD3F0, #8E9AB9, #726585, #4C3954)
- Pine Canyon color palette (#FBF0DF, #9DA671, #42723C, #0B514D, #221C00)
- Hushed Bronze color palette (#CDEEED, #90C1CF, #708EAB, #945E3F, #285341)
Browse the whole catalog at Explore, or see today's palette.