Cocoa Study color palette — #F8E8DD · #6E2F00 · #353A00 · #002221 · #0C0200

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

The five colors

• Cream (#F8E8DD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#6E2F00): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Olive (#353A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#002221): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#0C0200): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Aubergine Parlor color palette (#FDEBED, #720070, #423400, #00231E, #0D000C)
• Wandering Rust Corridor color palette (#FFE9E9, #B93904, #503100, #1F1900, #000B03)
• Eclipse Navy color palette (#F5EBDF, #5E3C00, #00412B, #010362, #090300)
• Lowlit Mulberry Chapel color palette (#FFE4DF, #8A003F, #213000, #001529, #15000A)
• Lowlit Terracotta color palette (#F1E7DA, #A50E00, #3D2E00, #090056, #170600)
• Eclipse Plum color palette (#EFDAD5, #A54354, #3E3200, #4E0018, #020200)
• Muted Thicket color palette (#EAE0DA, #B3A79B, #987B35, #631B00, #210E04)
• Muted Workshop color palette (#F3E8D4, #765D00, #006150, #003D43, #070400)

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