Cocoa Harbor color palette — #F6F6ED · #8DA06E · #806196 · #7F3D34 · #48413D
A conversation between Rust and Slate, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F6F6ED): bright and airy, almost weightless.
- Moss (#8DA06E): A luminous, dusty green — the color of fresh herbs.
- Slate (#806196): A full-bodied, balanced violet — the color of twilight just after sunset.
- Rust (#7F3D34): A full-bodied, balanced orange — the color of toasted spice.
- Charcoal (#48413D): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns 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
- Ancient Cocoa Delta color palette (#F5F6ED, #80A37B, #45759C, #803E22, #2E4B2A)
- Cobalt Grove color palette (#E7F5F5, #59B08D, #5171AC, #6E384B, #06301C)
- Dusty Studio color palette (#F2F7EC, #7DC2A4, #618EC9, #8D5374, #46423B)
- Mulberry Hollow color palette (#FDF3EA, #B68F6B, #397F6B, #783B63, #603800)
- Petrol Cabin color palette (#F2FADB, #7EBEB4, #2E95A1, #006B8A, #634C66)
- Dusty Cypress color palette (#FAF3F0, #CCE6E2, #749FBD, #317F5F, #64485F)
- Timeworn Bronze color palette (#FDF5DA, #D2CCB5, #8B9987, #9B5E3A, #634F00)
- Ancient Chartreuse color palette (#E9F9F5, #A8D887, #AD9FDA, #A97877, #50394F)
Browse the whole catalog at Explore, or see today's palette.