Worn Cocoa Terrace color palette — #FEF3EB · #DEE0CB · #B5B08A · #957E88 · #5D4000

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

The five colors

• Ivory (#FEF3EB): bright and airy, almost weightless.
• Bone (#DEE0CB): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#B5B08A): A luminous, dusty green — the color of a quiet forest floor.
• Driftwood (#957E88): A luminous, dusty rose — the color of strawberry cream.
• Bronze (#5D4000): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Worn Cocoa Terrace 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 Veranda color palette (#F9F5E9, #C6EAC9, #65ADA1, #936B62, #363D00)
• Timeworn Meadow color palette (#F0F7F1, #CAE6D6, #95C0B1, #7F9FB1, #405248)
• Driftwood Station color palette (#FAF3F7, #ABCAAE, #808658, #62637E, #455146)
• Lilac Field color palette (#FFF1F5, #F8D2E8, #CDD28F, #AD89C5, #48463F)
• Worn Driftwood Pier color palette (#F6F1EB, #CFC2A3, #7D8A52, #4E695A, #33312A)
• Worn Powder color palette (#D8FFF4, #E8E1F2, #BFABE8, #8A6A98, #5D3C3D)
• Muted Mallow Alley color palette (#FFF1F5, #DDBDF4, #AFC493, #96AB79, #463138)
• Ancient Lagoon color palette (#FAF4EE, #C7DDE9, #E2BFDD, #5F9F9A, #604352)

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