Worn Cocoa color palette — #E7F4FB · #5CA9BC · #836298 · #753915 · #002F2B
A conversation between Bronze and Slate, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E7F4FB): a clean, paper-quiet neutral.
- Cyan (#5CA9BC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#836298): A full-bodied, balanced violet — the color of wild irises.
- Bronze (#753915): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Forest (#002F2B): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Optimism, Creativity, 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
- Dusty Canyon color palette (#ECF2FC, #889CC5, #995D70, #5C4A00, #002D35)
- Wandering Garnet color palette (#EAF4F6, #68AAA1, #626F9D, #792D4B, #0E2F19)
- Worn Teal Harbor color palette (#F0F8ED, #3EAC9C, #A05668, #6D4C1C, #46413C)
- Dusty Basalt color palette (#E2F5FF, #BFCCDB, #8C93A6, #786070, #314631)
- Lilac Delta color palette (#EFF8F2, #61C0D8, #9D79C4, #935647, #43433B)
- Grape Harbor color palette (#E6F4FF, #008CC9, #872A95, #5F2400, #0F1D00)
- Weathered Cerulean color palette (#E3EFF8, #468CAC, #303D4C, #132029, #060E11)
- Worn Delta color palette (#EAF9F7, #B0D8B0, #9E8ECB, #6A7126, #01423E)
Browse the whole catalog at Explore, or see today's palette.