Cocoa Studio color palette — #F0F5FF · #D2C5F9 · #C188AC · #9D5D6A · #703617

Built around Bronze, softened by Dusty Rose — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lilac Frost (#D2C5F9): A whisper-light, dusty violet — the color of a velvet chair.
• Dusty Rose (#C188AC): A luminous, balanced pink — the color of peonies in June.
• Mocha (#9D5D6A): A full-bodied, balanced red — the color of late-summer berries.
• Bronze (#703617): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged muted, 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

• Rust Quarry color palette (#FFF0FE, #E3D6E4, #D998C5, #AC5F68, #5E2B10)
• Patina Cabin color palette (#FFF1F6, #CFAFD6, #A66E91, #893A57, #702D00)
• Softworn Orchard color palette (#F8F2FF, #EABACE, #CC8984, #966340, #544500)
• Softworn Garnet Quarry color palette (#E9F8FF, #B0D1F8, #9B97CF, #8B6392, #6D2B4A)
• Gentle Plum Canyon color palette (#EEECFF, #CC80BB, #BC3E66, #7F2E00, #2E1E00)
• Tempered Canyon color palette (#E5D6FF, #E798C2, #C86162, #874600, #3F3300)
• Antique Taupe Corridor color palette (#E6FAFA, #B2B9EE, #B97E95, #43797F, #45455C)
• Antique Brick color palette (#F1E6F7, #DB5F95, #B9252B, #503100, #1B1700)

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