Cocoa Study color palette — #DCDEFB · #895E7F · #7B3400 · #002752 · #130C34

Rust and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Thistle (#DCDEFB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Slate (#895E7F): A full-bodied, dusty pink — the color of a candy shop window.
• Rust (#7B3400): A full-bodied, balanced orange — the color of toasted spice.
• Midnight (#002752): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#130C34): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged vintage, retro, 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

• Weathered Chapel color palette (#D6E7FB, #7F6195, #7F1D3B, #003543, #0B1B2F)
• Bronze Meadow color palette (#F9DBF3, #A15853, #584A00, #1C2851, #1C0E30)
• Softworn Ember Alley color palette (#F7D8E1, #CE615A, #7A512F, #0B483B, #00262D)
• Timeworn Terracotta Station color palette (#FFDFEA, #A33E43, #603100, #00251C, #00080B)
• Muted Quarry color palette (#F6E2F5, #BE808D, #976E52, #1F5F75, #002031)
• Aged Dune color palette (#F9DAE7, #8F4A00, #00565E, #462100, #001315)
• Ancient Terrace color palette (#FCD4D6, #91002E, #00446C, #0E0097, #170003)
• Feathered Loft color palette (#FCDEF0, #C90053, #792400, #351A00, #0F1200)

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