Softworn Cocoa Garden color palette — #FDF3ED · #D3BE93 · #7F5040 · #5B2800 · #292319

Built around Espresso, softened by Coffee — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Sand (#D3BE93): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#7F5040): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#5B2800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#292319): a grounded near-black with real depth.

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

Use it as a design system

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

• Bronze Ridge color palette (#FAF4EF, #E7B492, #7F8240, #965D35, #302E27)
• Stone Bloom color palette (#FAF5E7, #C4AB78, #565325, #323001, #1A1F10)
• Tempered Boulevard color palette (#FBF2F7, #F3DBA9, #C5907D, #826176, #30292E)
• Driftwood Terrace color palette (#FCF2F9, #B3DCCC, #94708C, #61415A, #332730)
• Chestnut Delta color palette (#F6E5D8, #785900, #1E2B29, #250C00, #060100)
• Cocoa Ridge color palette (#FEF4E3, #BDA477, #6F7E4A, #694F6C, #5B4400)
• Tempered Terrace color palette (#E8E1D2, #9A7300, #2F3940, #2F2600, #0D0900)
• Tempered Cypress color palette (#FEF3E9, #AB7A51, #187B7D, #4B4D79, #432D2A)

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