Dusty Cocoa Harbor color palette — #FFF2F0 · #E1DCCF · #C3CBA2 · #997DA7 · #7D3D26
A conversation between Bronze and Heather, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Bone (#E1DCCF): a clean, paper-quiet neutral.
- Pistachio (#C3CBA2): A whisper-light, dusty green — the color of fresh herbs.
- Heather (#997DA7): A luminous, dusty violet — the color of wild irises.
- Bronze (#7D3D26): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. Tagged pastel, light, muted.
Use it as a design system
One click turns Dusty Cocoa Harbor 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
- Sand Bloom color palette (#F8EEFA, #ECD2D6, #E2D198, #8D7C9D, #463744)
- Dusty Delta color palette (#FFF3E7, #DCE6C7, #A1DCC2, #AB6264, #5E4300)
- Weathered Cocoa Balcony color palette (#FFF2EF, #E7F9C4, #E0DACF, #C69D9D, #7A3B21)
- Softworn Bronze color palette (#FCF4EB, #C2B79E, #A5753C, #7E5045, #504900)
- Plum Corridor color palette (#FFF2ED, #E9DEB5, #9FC786, #A93A87, #5D3628)
- Softworn Cocoa Garden color palette (#FBF3EF, #C9C19D, #7E5046, #5D2600, #2C2316)
- Muted Rust Pier color palette (#FAF3F0, #E4B3A7, #2C8E85, #AC4B37, #283126)
- Wandering Mulberry Courtyard color palette (#FCE8D8, #C8B267, #4B9A6A, #8A183E, #362400)
Browse the whole catalog at Explore, or see today's palette.