Cocoa Harbor color palette — #F9E3CB · #969168 · #007473 · #6A3600 · #3C3100
Built around Bronze, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Parchment (#F9E3CB): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#969168): A luminous, dusty green — the color of new leaves after rain.
- Teal (#007473): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#6A3600): A deep, shadowed, balanced gold — the color of old brass.
- Espresso (#3C3100): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, 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
- Garnet Veranda color palette (#FFE1D1, #A68A6A, #467049, #70273B, #542A10)
- Washed Cocoa Alley color palette (#E4E3CF, #69A28E, #49715E, #644705, #33430C)
- Denim Delta color palette (#E8EACA, #518E78, #235F7A, #4F3000, #282300)
- Muted Cocoa Delta color palette (#EBE6CC, #B5B095, #4F7E66, #7B3D33, #554113)
- Antique Bronze Orchard color palette (#F5F8DF, #B4CAB5, #A08EA0, #7D7329, #554D00)
- Petrol Basin color palette (#CCEFEC, #5D9E93, #007288, #562B50, #2B172E)
- Patina Courtyard color palette (#E3E6D3, #82C3A0, #5E9FBE, #836580, #562A29)
- Softworn Atelier color palette (#F9EBE7, #9EBAA0, #007394, #005424, #022D5D)
Browse the whole catalog at Explore, or see today's palette.