Cocoa Studio color palette — #D8F4FB · #00827C · #894573 · #722C00 · #002C34

Rust and Raspberry set the tone — five colors that lean into optimism and creativity.

The five colors

• Frost (#D8F4FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#00827C): A full-bodied, balanced teal — the color of sea glass.
• Raspberry (#894573): A full-bodied, balanced pink — the color of a candy shop window.
• Rust (#722C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Midnight (#002C34): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Cocoa Studio 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

• Plum Field color palette (#E9F8FF, #0891A5, #A35272, #764600, #1A3743)
• Hushed Mulberry color palette (#E8F8FF, #007C86, #781F59, #502900, #002723)
• Airy Garnet Chapel color palette (#DEF4F3, #008653, #734C96, #7D1137, #002D2D)
• Powdered Chapel color palette (#C8EAFF, #00719C, #A80025, #503800, #002333)
• Tempered Garnet color palette (#E0F5E4, #3C91B0, #37569F, #751900, #04344F)
• Washed Orchid color palette (#E7F3DF, #00A78B, #A065B4, #7E5900, #1E2B15)
• Cobalt Corridor color palette (#DBEBFC, #1877CA, #405FB1, #771F26, #04111F)
• Softworn Mulberry Canyon color palette (#DAF5FF, #005D62, #760A52, #401E00, #001112)

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