Worn Cocoa color palette — #FDF3EB · #B48464 · #74875B · #106B77 · #5C3100

Cocoa takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF3EB): a clean, paper-quiet neutral.
• Caramel (#B48464): A luminous, dusty gold — the color of old brass.
• Fern (#74875B): A full-bodied, dusty green — the color of fresh herbs.
• Peacock (#106B77): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#5C3100): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Timeworn Amber color palette (#FFF3E9, #BC8159, #5485A6, #316586, #5C3100)
• Amber Garden color palette (#FFF3E9, #B6774D, #617140, #005D64, #442C30)
• Hushed Driftwood Loft color palette (#FFF1F1, #BC7898, #548C79, #376B5A, #4A3837)
• Ancient Bronze color palette (#FFF3E6, #B17022, #5C6CAB, #414F85, #37322C)
• Timeworn Driftwood Basin color palette (#FBF3EF, #DCDAD3, #A1AFAB, #A47469, #5B504B)
• Antique Study color palette (#FFF2EF, #E2AC9D, #A17851, #6E5810, #3F4D00)
• Bronze Pier color palette (#F8EDDD, #906900, #067350, #004B69, #32240B)
• Antique Hollow color palette (#FCF3F1, #EBACB9, #877E4A, #995566, #302E27)

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