Cocoa Study color palette — #EFF1FC · #9D93C9 · #915F80 · #7B322B · #372300

Rust takes the lead with Slate close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#EFF1FC): bright and airy, almost weightless.
• Blue Fog (#9D93C9): A luminous, dusty violet — the color of a velvet chair.
• Slate (#915F80): A full-bodied, dusty pink — the color of peonies in June.
• Rust (#7B322B): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#372300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Ancient Delta color palette (#F3F0F9, #BA8BB0, #97615E, #6A4201, #242B03)
• Ancient Cocoa Workshop color palette (#E9F5F2, #8FA579, #975B7E, #79341D, #312600)
• Muted Lagoon color palette (#EFF1FF, #C5C3D8, #9A94A9, #7E5D74, #4D3541)
• Weathered Delta color palette (#FCF1FA, #9BB0E4, #A579B1, #93535D, #274B3A)
• Pewter Orchard color palette (#EEF9EF, #54A7AD, #8E5C8A, #61530D, #43433C)
• Terracotta Dune color palette (#F5EEFF, #BD599F, #A12A16, #4A3500, #091E00)
• Weathered Chestnut Balcony color palette (#F8EEF8, #B9797B, #8A581C, #3F4600, #002518)
• Timeworn Hollow color palette (#E8F4F9, #60AAB3, #936740, #4B5200, #003022)

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