Softworn Cocoa color palette — #F5E3D7 · #B07846 · #863D10 · #511F19 · #170C00

Bronze takes the lead with Caramel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Parchment (#F5E3D7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#B07846): A luminous, balanced gold — the color of old brass.
• Bronze (#863D10): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#511F19): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#170C00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, 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

• Timeworn Courtyard color palette (#F3DAE8, #AF7B43, #853F1C, #5D1F24, #2F2200)
• Wandering Bronze Study color palette (#EEE5D6, #998700, #6C5000, #482900, #120E00)
• Misty Marigold Parlor color palette (#FFF2EA, #E4A44F, #AB5F3F, #6D303D, #191100)
• Timeworn Chestnut Delta color palette (#FDEFE6, #DBB294, #A37765, #834429, #342A1E)
• Timeworn Terracotta color palette (#DDF6EC, #006C9C, #912F1C, #443400, #000B06)
• Amber Field color palette (#D7F2E6, #B28600, #003E56, #00151F, #000201)
• Sapphire Meadow color palette (#F3E2F5, #0968BD, #6E1000, #262500, #000600)
• Worn Hollow color palette (#D6EAE4, #0094E8, #7A2D8A, #004A78, #080002)

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