Cocoa Harbor color palette — #FCF5DD · #C1C2A6 · #909C88 · #826976 · #66484F
Charcoal Brown takes the lead with Stone close behind in a set that reads as sophistication at first glance.
The five colors
- Cream (#FCF5DD): A whisper-light, dusty green — the color of fresh herbs.
- Stone (#C1C2A6): A luminous, dusty green — the color of a quiet forest floor.
- Taupe (#909C88): A luminous, dusty green — the color of a quiet forest floor.
- Pewter (#826976): A full-bodied, dusty rose — the color of pressed rose petals.
- Charcoal Brown (#66484F): A full-bodied, dusty red — the color of embers at dusk.
Feels like: Sophistication. Tagged vintage, retro, 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
- Muted Driftwood color palette (#FFF0F8, #ECCFDE, #94ACA4, #897B9C, #66495A)
- Washed Chestnut color palette (#EBFAE2, #99BA9D, #6C8B80, #825D5B, #6D4A00)
- Timeworn Pine Lantern color palette (#F3F7EB, #8CBE9C, #B788A5, #41825A, #684142)
- Timeworn Lantern color palette (#F9F4EE, #CBE4E1, #6AA2B9, #387C74, #305248)
- Aged Teal color palette (#F1F9E5, #5BAB85, #8183BD, #9B6854, #41443D)
- Patina Pier color palette (#DDE8DA, #66A88F, #147177, #543A5B, #59221C)
- Washed Boulevard color palette (#BFECED, #5CA9CA, #4968A0, #7E303A, #5B2A04)
- Washed Market color palette (#DCEEEC, #278194, #1B5181, #4A0E22, #300900)
Browse the whole catalog at Explore, or see today's palette.