Cocoa Harbor color palette — #FFF2EC · #F9D9A6 · #93BD8C · #8F5F7C · #592F00
A conversation between Cocoa and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Peach Cream (#F9D9A6): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#93BD8C): A luminous, balanced green — the color of new leaves after rain.
- Pewter (#8F5F7C): A full-bodied, dusty pink — the color of neon signs at night.
- Cocoa (#592F00): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged pastel, light, 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
- Taupe Alley color palette (#FFF1F1, #FFCBC5, #BBAD74, #766393, #55372F)
- Timeworn Straw Parlor color palette (#FFF3E6, #E4E38F, #7CC0AA, #875554, #413E37)
- Cocoa Delta color palette (#FFF3E8, #E5DFB7, #D6BF90, #AA7561, #5A3300)
- Hushed Mustard Alley color palette (#FFECF4, #FFDDB6, #C9AC66, #96634D, #391B28)
- Dusty Moss color palette (#F2E7CA, #7DA55F, #6B662B, #5B3D16, #283700)
- Linen Chartreuse color palette (#FFF1E2, #CDE331, #00C4B9, #A63533, #403F0E)
- Bronze Canyon color palette (#FEF4E4, #B6ECDA, #9FC9CF, #B1724D, #5D5100)
- Chalky Moss color palette (#EBDDC1, #6A9F5B, #008290, #592500, #0A1200)
Browse the whole catalog at Explore, or see today's palette.