Worn Cocoa color palette — #EFDCCA · #5A5E66 · #6F4100 · #161A12 · #050600

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

The five colors

• Bone (#EFDCCA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Graphite (#5A5E66): a grounded near-black with real depth.
• Bronze (#6F4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#161A12): a grounded near-black with real depth.
• Ink (#050600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Washed Garnet color palette (#F6E6E1, #485258, #930027, #20180A, #0B0400)
• Worn Bronze color palette (#FFE4DA, #AC6D00, #685200, #1F2500, #000500)
• Deep Thicket color palette (#FFECD8, #363E46, #4E2E00, #12160F, #090600)
• Aged Balcony color palette (#F3F8E7, #5FB37C, #354D39, #1C2109, #060502)
• Washed Fern color palette (#FBF4E9, #C3AC75, #595805, #322A1B, #150E08)
• Amber Meadow color palette (#F8E4E9, #C18258, #5A662D, #332054, #0E0023)
• Pine Villa color palette (#E9ECD4, #0D7416, #2D3739, #001716, #000200)
• Washed Aubergine Ridge color palette (#EBE0CD, #819761, #005D3C, #420A54, #010100)

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