Cocoa Study color palette — #F2DED1 · #722A00 · #003F3D · #001A43 · #0D0200

A conversation between Rust and Midnight, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F2DED1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#722A00): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Teal (#003F3D): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001A43): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#0D0200): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, 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

• Onyx Alley color palette (#FAE7D7, #582A00, #002C2C, #090041, #060001)
• Nocturne Grove color palette (#EBE1D0, #534200, #003A56, #290049, #070400)
• Smoked Chestnut Veranda color palette (#F3EAD8, #745000, #2C3500, #001932, #0F0B00)
• Mulberry Alley color palette (#FDE1DE, #7E0047, #00421A, #002225, #0F0005)
• Antique Bronze Veranda color palette (#E5DED7, #AFA89B, #917E36, #4E3000, #1C1104)
• Velvet Bronze Chapel color palette (#EBDCD0, #A14E0D, #293A00, #411A00, #010200)
• Aubergine Orchard color palette (#FDE5E7, #73006B, #003C4F, #340030, #030003)
• Nightshade Courtyard color palette (#F3F0DA, #495900, #2D26A8, #480044, #0B1000)

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