Worn Cocoa Studio color palette — #FCF4E9 · #DFC394 · #98B385 · #AE7091 · #683103

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

The five colors

• Ivory (#FCF4E9): bright and airy, almost weightless.
• Sand (#DFC394): A whisper-light, dusty gold — the color of old brass.
• Sage (#98B385): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#AE7091): A luminous, balanced rose — the color of a warm blush.
• Bronze (#683103): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Worn 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

• Worn Lilac color palette (#FDF3EB, #F1BA93, #98A8D7, #A66EB0, #5F3439)
• Patina Pewter Veranda color palette (#FEF3EA, #D9A47F, #499B9B, #8D5082, #5D3539)
• Wandering Fern Thicket color palette (#F6F6EB, #DEE0C6, #97C29F, #A8987A, #4E5200)
• Dusty Bronze Orchard color palette (#F7F2E4, #C0BA79, #8A7C33, #685100, #24211B)
• Violet Garden color palette (#ECF9EE, #6CD0D7, #72A4D9, #896AB8, #57233D)
• Cobalt Cabin color palette (#F3F7EE, #9ED6B6, #5BBAC5, #588AC0, #473A63)
• Taupe Cabin color palette (#E9F5EE, #AA9E4F, #4F7E58, #1A5658, #3A1C2D)
• Patina Byzantium Archive color palette (#EEDED2, #F68F43, #5372D2, #941AAD, #410013)

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