Cocoa Study color palette — #F4D7E6 · #843900 · #465710 · #211600 · #080004

A conversation between Rust and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F4D7E6): A whisper-light, dusty rose — the color of strawberry cream.
• Rust (#843900): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#465710): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#211600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#080004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Shadow Chestnut color palette (#D1ECD4, #6C4C00, #171B00, #170802, #000401)
• Bronze Pier color palette (#F6E0D8, #B36400, #6D4E00, #392F00, #111300)
• Charred Mulberry color palette (#EFDBEF, #9C002D, #293439, #2A1000, #070007)
• Obsidian Cocoa color palette (#F8E0ED, #5F2600, #1A2218, #0C0800, #040005)
• Worn Bronze Courtyard color palette (#DCEDE1, #A18300, #384D1E, #132D1D, #1A0D12)
• Faded Quarry color palette (#F8EFD3, #7D6300, #1D4BCB, #3833AA, #0B0700)
• Ultramarine Villa color palette (#DBEBDF, #947200, #005ED3, #574200, #000D2B)
• Hushed Archive color palette (#D3EDE5, #4F6C00, #363641, #002C1B, #000D09)

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