Cocoa Studio color palette — #FFE8F2 · #583200 · #492200 · #211006 · #060400

Cocoa and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#FFE8F2): A whisper-light, dusty rose — the color of strawberry cream.
• Cocoa (#583200): A deep, shadowed, dusty gold — the color of old brass.
• Espresso (#492200): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#211006): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#060400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Cocoa Studio 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

• Lowlit Spruce color palette (#DAF1DF, #374238, #3A2B00, #0D1B1F, #030500)
• Shadow Garnet Station color palette (#F7E2FB, #3D3C35, #5A0022, #240E0D, #0C0200)
• Nocturne Chestnut Station color palette (#EEE0D5, #8C4600, #2A2000, #120B03, #040100)
• Shadow Aubergine color palette (#D7E6DA, #684C00, #430E9C, #2B1E00, #07001E)
• Ancient Villa color palette (#FEEAEC, #8F623E, #414000, #0F174A, #18031E)
• Deep Navy Pier color palette (#EAE8D1, #474000, #1D1A8A, #270065, #020200)
• Obsidian Market color palette (#DAE6DA, #656004, #1B3200, #2B0225, #070600)
• Lagoon Ridge color palette (#E4F7F4, #598B58, #294145, #1A2D2A, #0D1718)

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