Cocoa Studio color palette — #FFF2ED · #E9DDB8 · #B8B47A · #895571 · #663100

Bronze and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Wheat (#E9DDB8): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#B8B47A): A luminous, dusty green — the color of a quiet forest floor.
• Graphite (#895571): A full-bodied, dusty rose — the color of strawberry cream.
• Bronze (#663100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, 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

• Ancient Courtyard color palette (#FFF3E9, #FDDFA2, #88BB7E, #8A5356, #433F39)
• Wandering Basin color palette (#FFF1F0, #FFC5BC, #D8A066, #7F668D, #5B3C33)
• Weathered Cocoa Summit color palette (#FFF2EA, #DEE1C7, #B9D29E, #9D6B70, #734205)
• Softworn Parlor color palette (#FFEDE9, #F2D0AF, #A9C283, #8B618B, #351805)
• Aged Taupe Basin color palette (#F6E6CA, #989D51, #766126, #5C3C1B, #31312A)
• Airy Marigold color palette (#FADAD3, #EC9B37, #929318, #7B344D, #341800)
• Wandering Seafoam Lantern color palette (#FFF5DA, #BDEEB2, #71D3C1, #9D6837, #43413A)
• Softworn Amber color palette (#F9ECE0, #B7983C, #623600, #341A00, #131106)

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