Softworn Cocoa color palette — #FFF3E7 · #BDA282 · #93683E · #734523 · #533700

Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Camel (#BDA282): A luminous, dusty gold — the color of old brass.
• Walnut (#93683E): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#734523): A full-bodied, dusty gold — the color of old brass.
• Cocoa (#533700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Patina Fern Studio color palette (#FBF5E6, #C1B89C, #8B8153, #6C5C34, #554700)
• Softworn Parlor color palette (#E8DCD1, #A3805B, #7F4500, #592600, #341F00)
• Softworn Sand color palette (#FFF1F5, #F3C990, #C9A581, #A27B8D, #314234)
• Hushed Station color palette (#F8F5E8, #7E8847, #9F576D, #8A321C, #34332C)
• Washed Loft color palette (#F8EBDB, #81621D, #4D3200, #2C1600, #100B00)
• Softworn Delta color palette (#F2F7ED, #AAB586, #155F4A, #003729, #102118)
• Wandering Petrol color palette (#F0F7F2, #6FBDC6, #2374AF, #006D76, #082B23)
• Teal Canyon color palette (#EDE3FE, #97C8FF, #00CCBE, #1B483A, #272F25)

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