Cocoa Workshop color palette — #DEF2FF · #005A77 · #633800 · #002F25 · #000305

Bronze and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DEF2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#005A77): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#633800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#002F25): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000305): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Garnet Basin color palette (#D6F3F5, #00614A, #7D1900, #063102, #000303)
• Washed Abyss color palette (#DBEDFA, #00597B, #005229, #002C3A, #000305)
• Muted Garnet color palette (#DAE7F2, #007FC1, #830307, #003A5B, #030003)
• Sunlit Coast color palette (#D0E6FF, #006BC5, #006B53, #004736, #000B1D)
• Cobalt Ridge color palette (#D9F0E9, #0073BC, #676400, #474500, #00110D)
• Twilit Nightshade Veranda color palette (#EAEFFF, #4A2DB2, #670019, #002416, #010009)
• Pale Ultramarine Parlor color palette (#DBE9FF, #1630D5, #673300, #252D00, #010B26)
• Sapphire Ridge color palette (#FCE7F8, #3561F0, #8D4D00, #383C00, #030003)

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