Worn Cocoa color palette — #BBECD8 · #96CED5 · #8FAECE · #A27987 · #5B3B15
A conversation between Cocoa and Sky, giving this palette its sense of optimism and calm.
The five colors
- Mint (#BBECD8): A whisper-light, dusty teal — the color of sea glass.
- Sky (#96CED5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#8FAECE): A luminous, dusty blue — the color of open sky before noon.
- Heather (#A27987): A luminous, dusty rose — the color of strawberry cream.
- Cocoa (#5B3B15): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Cocoa Bloom color palette (#E1E5CF, #61B6C0, #876D86, #6C3605, #362113)
- Driftwood Alley color palette (#CEF3E6, #9FCECF, #8BAECA, #987E4C, #2C5347)
- Pewter Loft color palette (#E2FBFF, #A8DAED, #83A4C1, #7B6386, #492A41)
- Ancient Lantern color palette (#D5F0CB, #A1C9AD, #6CA092, #894F61, #6B3309)
- Olive Thicket color palette (#CCE7F9, #9BB3D9, #7D94BE, #658339, #003F3A)
- Olive Alley color palette (#E2F3DD, #63D3D1, #849EE0, #5F890F, #274715)
- Muted Lagoon Atelier color palette (#D5FFFA, #A4D7F5, #B8A7D5, #579777, #175C3F)
- Gentle Apricot color palette (#DCF3FF, #6ACEEC, #EC9B55, #00A1C3, #522A00)
Browse the whole catalog at Explore, or see today's palette.