Softworn Cocoa Terrace color palette — #FCF3EF · #D2D79C · #A46C68 · #77391E · #332925

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Pistachio (#D2D79C): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#A46C68): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#77391E): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#332925): a grounded near-black with real depth.

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

Use it as a design system

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

• Aged Balcony color palette (#FCF1F9, #C2E9F8, #A7796E, #64392F, #20181E)
• Ancient Bronze Veranda color palette (#FCF3EE, #F7D8B6, #C4917B, #975D33, #36281F)
• Worn Balcony color palette (#F9F5E7, #E9BB7F, #73763F, #4F4100, #242217)
• Muted Chestnut Thicket color palette (#FCF2F7, #DDB3C0, #7B5341, #492F3F, #2D2122)
• Mustard Delta color palette (#FFF3E9, #D4BB15, #A14F00, #5A2D0A, #261709)
• Antique Study color palette (#FFF3E6, #EFAE77, #7E9D72, #876178, #5E4200)
• Dusty Corridor color palette (#FDF3EE, #FFBFB4, #5FABA4, #B9796F, #273125)
• Softworn Harbor color palette (#EEDAC6, #C5A100, #794900, #3C2200, #140800)

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