Softworn Cocoa color palette — #FEF4E5 · #FFD0C7 · #C19A6B · #347F84 · #623000

Bronze takes the lead with Camel close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FEF4E5): A whisper-light, dusty gold — the color of old brass.
• Shell Pink (#FFD0C7): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#C19A6B): A luminous, dusty gold — the color of afternoon light on wheat.
• Teal (#347F84): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#623000): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, 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 Olive color palette (#FFF4E2, #FFCDDC, #CB9280, #607D3F, #4F3933)
• Muted Shell color palette (#FEF3ED, #FEB8A3, #89A46D, #337488, #512B37)
• Ancient Cocoa color palette (#FBF4E7, #F6BDD5, #CEA67B, #688EBE, #71331C)
• Ancient Bronze Balcony color palette (#EAFAED, #D59589, #986D36, #18656A, #53424C)
• Apricot Coast color palette (#FFF4E2, #FFA76D, #A08300, #00627B, #3B2100)
• Dusty Stone color palette (#FFF2EB, #DEDCCC, #CDC4A7, #7B9586, #5F4C5F)
• Timeworn Fern color palette (#F4F7EA, #B9E2DE, #9CB894, #977F7A, #384F0B)
• Chestnut Terrace color palette (#FEF3EA, #DC9E79, #734B00, #35281F, #140E0B)

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