Worn Cocoa color palette — #FCF3EE · #D28357 · #006F51 · #7F3800 · #141B0B
Bronze and Coral Clay set the tone — five colors that lean into optimism and balance.
The five colors
- Ivory (#FCF3EE): a clean, paper-quiet neutral.
- Coral Clay (#D28357): A luminous, balanced orange — the color of toasted spice.
- Pine (#006F51): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#7F3800): A full-bodied, balanced orange — the color of autumn markets.
- Ink (#141B0B): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Balance. Tagged duotone, muted.
Use it as a design system
One click turns Worn 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 Veranda color palette (#FAF4ED, #C88C25, #006883, #6C4700, #0B1C14)
- Amber Dune color palette (#FAEEF2, #D58F30, #007942, #774A00, #000808)
- Wandering Alley color palette (#FFF2EE, #D87985, #426C00, #8E1B38, #1B1902)
- Bronze Chapel color palette (#FFEADB, #B27900, #006D35, #4A316A, #33302A)
- Muted Marigold Meadow color palette (#FBF4EC, #F59F17, #009A4D, #9D6300, #171A09)
- Muted Aubergine Studio color palette (#FDF4E4, #846900, #005948, #56146A, #281E0B)
- Aged Loft color palette (#FBE8E1, #BE9A4A, #657200, #00522C, #003835)
- Hushed Lime color palette (#FEF5DC, #FF9F81, #A0B000, #00887D, #32322B)
Browse the whole catalog at Explore, or see today's palette.