Cocoa Studio color palette — #ECF4EF · #59AABC · #786797 · #773530 · #302700

Rust takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Cyan (#59AABC): A luminous, balanced blue — the color of deep harbor water.
• Slate (#786797): A full-bodied, dusty violet — the color of twilight just after sunset.
• Rust (#773530): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#302700): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Tempered Cocoa Summit color palette (#F6EFF6, #819CCE, #955F72, #5C4A00, #162E12)
• Hushed Mulberry Grove color palette (#F5E9F5, #567DB6, #863358, #3F3200, #001817)
• Patina Pewter Bloom color palette (#EDF8F7, #71A77A, #80609C, #595620, #294A3B)
• Dusty Study color palette (#EEF7FB, #6CBFD2, #997CBE, #8E594D, #274A41)
• Tempered Denim color palette (#D3F8E9, #89B7DA, #688EC7, #425390, #45273B)
• Chestnut Corridor color palette (#E6F7EB, #AAC9C0, #AB91A0, #8F5131, #573600)
• Ancient Pier color palette (#F4F6ED, #A6DBB5, #7E99D3, #985A0F, #1B4229)
• Cypress Harbor color palette (#F5F1EB, #C9E1DB, #63A8B8, #1C7C67, #1F3D31)

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