Cocoa Studio color palette — #FEF4E3 · #CB9998 · #976D4B · #006762 · #6F3511

Bronze takes the lead with Pine close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#CB9998): A luminous, dusty red — the color of embers at dusk.
• Walnut (#976D4B): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Pine (#006762): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#6F3511): A deep, shadowed, balanced orange — the color of autumn markets.

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

• Softworn Bronze Lagoon color palette (#FCF4E8, #C49F84, #8A7537, #00647B, #4C4741)
• Weathered Forest Loft color palette (#FEF4E4, #C099BA, #9A666D, #3C6535, #5D3E3E)
• Bronze Delta color palette (#F7F2E0, #CF98B9, #A56834, #265776, #3B2621)
• Weathered Amber Veranda color palette (#E8FAF1, #E0ABCC, #BC8459, #477494, #4F4350)
• Timeworn Taupe Boulevard color palette (#FFF2ED, #DAC5B5, #A49376, #5B7460, #315456)
• Airy Ember color palette (#FFF4E2, #DB6231, #7D5900, #004F5A, #512A08)
• Ancient Fern color palette (#F6F6EC, #BDC5A9, #768868, #815A57, #465409)
• Denim Villa color palette (#FDF4E5, #B3934D, #5C7428, #094C93, #403D36)

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