Cocoa Studio color palette — #FFF2ED · #E7D9D6 · #FEBB9F · #B8B3A9 · #602602

Built around Rust, softened by Cantaloupe — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E7D9D6): bright and airy, almost weightless.
• Cantaloupe (#FEBB9F): A whisper-light, balanced orange — the color of autumn markets.
• Ash (#B8B3A9): soft and architectural.
• Rust (#602602): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

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

• Hushed Marigold color palette (#FFF2EB, #E4D9D3, #C5C2A0, #EF9600, #451D00)
• Ancient Veranda color palette (#FFF2EB, #EFD8B7, #D79B77, #996E48, #673E00)
• Ancient Amber Corridor color palette (#F8EEF9, #ECD2D7, #FFB2BC, #C2944E, #362430)
• Fern Courtyard color palette (#FFF2EB, #DFDACD, #C4C1A7, #92937E, #45550B)
• Shell Cabin color palette (#FDF1FD, #E7D9D6, #FFA6A8, #C38670, #564654)
• Chestnut Villa color palette (#FFF2ED, #E3988E, #7D431B, #352822, #140E0C)
• Wandering Powder Basin color palette (#F4F6EF, #C3DDEB, #B6BDE8, #739D88, #594659)
• Amber Boulevard color palette (#FFF3E9, #EAD7C4, #FFAB79, #B97D00, #200D00)

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