Cocoa Workshop color palette — #D5F4FB · #005664 · #662200 · #00232A · #030000

A conversation between Rust and Peacock, giving this palette its sense of trust and stability.

The five colors

• Frost (#D5F4FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#005664): A full-bodied, dusty blue — the color of open sky before noon.
• Rust (#662200): A deep, shadowed, balanced orange — the color of toasted spice.
• Midnight (#00232A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Obsidian Summit color palette (#CDEFFA, #004352, #5E0E00, #3B1700, #000102)
• Charred Garnet color palette (#D1EEF0, #005A43, #6C0049, #00251A, #040002)
• Terracotta Grove color palette (#CAEED7, #00768B, #943500, #003F4C, #100200)
• Midnight Bloom color palette (#E6F1FF, #003BB8, #4A3900, #001653, #020100)
• Chestnut Drift color palette (#D8F1D5, #635000, #3C2400, #1E0600, #010100)
• Hazy Azure Cabin color palette (#CFEEF7, #1F93E9, #7052A5, #003F39, #000205)
• Inked Mulberry color palette (#E1E6C2, #AF0042, #005A7A, #090C12, #000103)
• Gentle Grape Bloom color palette (#D5EEE0, #007792, #8100A2, #00313D, #030005)

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