Softworn Cocoa color palette — #FEF3EA · #F1D3B8 · #CEAF97 · #A78C7B · #653E00

A conversation between Bronze and Wheat, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FEF3EA): a clean, paper-quiet neutral.
• Wheat (#F1D3B8): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#CEAF97): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#A78C7B): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#653E00): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

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

• Antique Bloom color palette (#FBF5E5, #CEC485, #80C6BC, #BC8B89, #403D36)
• Bronze Villa color palette (#FFEBD3, #E2C389, #CA9A55, #AB7132, #423400)
• Lilac Corridor color palette (#FEF3EC, #E5A98C, #A39AD9, #A97CA6, #42302A)
• Worn Driftwood Field color palette (#FBEEF4, #D6AEBE, #A2785F, #6A4E5F, #36282C)
• Tempered Bronze color palette (#EDDBCB, #C08031, #A25800, #7A3600, #130900)
• Ancient Olive color palette (#F2EDDD, #9CA660, #84802C, #695A00, #121900)
• Teal Pier color palette (#E1FFDD, #BCECC9, #91CBAF, #4EA58F, #00564E)
• Softworn Chartreuse color palette (#CDE9FF, #64F5FC, #B5E778, #62625A, #35342E)

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