Cocoa Study color palette — #F2DCE7 · #622900 · #3C3832 · #190A04 · #030100

Built around Rust, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#F2DCE7): A whisper-light, dusty rose — the color of strawberry cream.
• Rust (#622900): A deep, shadowed, balanced orange — the color of autumn markets.
• Charcoal (#3C3832): a grounded near-black with real depth.
• Ink (#190A04): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#030100): a grounded near-black with real depth.

Feels like: 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

• Smoked Onyx color palette (#ECDFD6, #424C42, #4C1F00, #1A1C12, #090300)
• Lowlit Garnet color palette (#F5E7FB, #710037, #2E251A, #1C0909, #040000)
• Charred Balcony color palette (#F5D7E7, #943E00, #2D1F00, #1E0A07, #050100)
• Amber Lantern color palette (#E9FBEB, #B08000, #1E3C2B, #061308, #000200)
• Smoked Chestnut color palette (#E2EFE6, #735D00, #262931, #141300, #000201)
• Tempered Bronze Lantern color palette (#F9ECE1, #92753C, #544B1D, #002819, #000302)
• Pale Quarry color palette (#D8F1DB, #8A6300, #90166C, #3A2700, #040002)
• Ancient Lagoon color palette (#EEE2C5, #685100, #00552F, #63000D, #020100)

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