Cocoa Harbor color palette — #FFF3E4 · #DBDBC5 · #BEC2A4 · #B58D84 · #6D4600
Bronze takes the lead with Dusty Rose close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Bone (#DBDBC5): A whisper-light, dusty green — the color of new leaves after rain.
- Stone (#BEC2A4): A luminous, dusty green — the color of fresh herbs.
- Dusty Rose (#B58D84): A luminous, dusty orange — the color of autumn markets.
- Bronze (#6D4600): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
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
- Airy Amber color palette (#FFF2DB, #BAD9AA, #53C1CF, #BE7C4B, #6D4426)
- Coral Loft color palette (#E9FBEA, #80D9DA, #EAA8BB, #D78D80, #364837)
- Softworn Chestnut color palette (#F0F0D0, #87AD8E, #538FA1, #805F00, #2B2A00)
- Tempered Parlor color palette (#E2FCF5, #B8D5D5, #9AB3BB, #818198, #594E61)
- Cocoa Station color palette (#FCECD8, #8B885F, #007A7B, #72381B, #240B00)
- Cerulean Meadow color palette (#FBF7D6, #B5E0BB, #6ACAB3, #2AA3A9, #325340)
- Softworn Teal color palette (#F0F8EC, #A2E5D5, #FCADBD, #12C3A8, #68423A)
- Olive Study color palette (#D4F3DE, #5DCAE7, #969FD8, #717F23, #363E00)
Browse the whole catalog at Explore, or see today's palette.