Cocoa Study color palette — #F1F5FF · #D7C2EB · #C08EB4 · #9F5B6E · #753022

Built around Rust, softened by Mocha — the whole palette hums with creativity and warmth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lilac Frost (#D7C2EB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#C08EB4): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#9F5B6E): A full-bodied, balanced red — the color of late-summer berries.
• Rust (#753022): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Mallow Dune color palette (#FFF0F9, #E6D7E0, #E79DCB, #AB5E71, #642F1F)
• Washed Garnet Bloom color palette (#EAF7FF, #BBD1FF, #9D93CC, #87608E, #6C3455)
• Chalky Rust Basin color palette (#E8DAEF, #DF81B4, #BC4B5C, #7B2800, #331C00)
• Hushed Bronze color palette (#F6F3FF, #FABFD3, #C68982, #A06540, #604700)
• Dusty Mulberry Atelier color palette (#FFF1F3, #E1B2B6, #A16C8B, #903B60, #6E2A3F)
• Ancient Powder Cabin color palette (#E6FBF3, #C1B5E6, #B38295, #407B72, #474559)
• Tempered Wisteria color palette (#F4EEFF, #C681B4, #605361, #3A3543, #212127)
• Ancient Courtyard color palette (#F4F4FC, #DFD8DD, #BFAEAE, #9798BC, #51515C)

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