Worn Cocoa color palette — #FFF2EA · #DC987D · #63AAA7 · #577DA7 · #602D00

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#DC987D): A luminous, balanced orange — the color of autumn markets.
• Turquoise (#63AAA7): A luminous, dusty teal — the color of glacier melt.
• Slate (#577DA7): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#602D00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: 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

• Hushed Field color palette (#FFF2F0, #D397AD, #82A77D, #4C858E, #4E3634)
• Tempered Stone Garden color palette (#FAF4EB, #C9AD73, #5A9A8E, #5D6594, #5F343A)
• Washed Stone color palette (#FFF0F9, #F7B093, #64C0C0, #6384AE, #3A2D35)
• Ultramarine Lantern color palette (#FFF3E7, #D48005, #0096B0, #4559BE, #412301)
• Softworn Moss Dune color palette (#FCF5DF, #A5A439, #708FC6, #845C99, #35332C)
• Denim Pier color palette (#FCF4E6, #A38E5A, #71875C, #146597, #403D36)
• Worn Taupe color palette (#FAF4EE, #DADBD2, #A9B5AD, #B19678, #56524C)
• Aged Forest color palette (#FFF3E7, #E2CC9C, #A8A16D, #6F7C43, #285315)

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