Cocoa Studio color palette — #FFF2EB · #D2B191 · #A17462 · #75554A · #5F4200

Bronze and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sand (#D2B191): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#A17462): A full-bodied, dusty orange — the color of toasted spice.
• Coffee (#75554A): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#5F4200): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Dusty Summit color palette (#FEF1F8, #EFCFDC, #D2A7C0, #B5847E, #3B4D3B)
• Stone Orchard color palette (#F9F5EC, #D7BD89, #6B5D35, #3C3832, #24251D)
• Muted Field color palette (#FFF0F9, #BED1BC, #B190A4, #806D84, #3B4D42)
• Wandering Lagoon color palette (#F9F5ED, #D3BF86, #009088, #7F6B2F, #273126)
• Muted Amber Quarry color palette (#FFEBD6, #BD9739, #955908, #713522, #37352F)
• Softworn Driftwood Bloom color palette (#EDDFCD, #998830, #734D00, #542A11, #2A2403)
• Dusty Grove color palette (#FBF4E7, #A58F3A, #757AAB, #755369, #403D36)
• Hushed Bronze color palette (#FFE4D1, #8E5B00, #5B2700, #3D0005, #0F0B00)

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