Cocoa Harbor color palette — #F9EFF2 · #AC8EC3 · #995C6F · #783700 · #2D2800
A conversation between Bronze and Pewter, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9EFF2): a clean, paper-quiet neutral.
- Mauve (#AC8EC3): A luminous, balanced violet — the color of a velvet chair.
- Pewter (#995C6F): A full-bodied, balanced red — the color of late-summer berries.
- Bronze (#783700): A full-bodied, balanced gold — the color of old brass.
- Espresso (#2D2800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, 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
- Garnet Corridor color palette (#F7EFF7, #809DCF, #826298, #72354A, #002D34)
- Hushed Studio color palette (#FDECF6, #DAC0C9, #A68A8F, #935436, #602F00)
- Terracotta Cabin color palette (#FFE7E8, #A65F98, #912C34, #4C2B00, #151500)
- Wandering Chestnut Study color palette (#FDEEEB, #C17285, #925127, #4B4100, #002706)
- Ancient Bloom color palette (#F1F5FD, #A1ACEE, #AE74B2, #91555C, #22475A)
- Antique Olive color palette (#EFF8F3, #91D7F5, #C58495, #726E25, #393B0C)
- Worn Pewter color palette (#EDF7FC, #3DA8BD, #945888, #625312, #1B4C44)
- Nightshade Loft color palette (#FDDEF4, #AEB1E1, #7D77B6, #5B478C, #4D2938)
Browse the whole catalog at Explore, or see today's palette.