Cocoa Harbor color palette — #EDF1FF · #706CB6 · #843D00 · #00424C · #28205A
Built around Bronze, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF1FF): a clean, paper-quiet neutral.
- Slate (#706CB6): A full-bodied, balanced violet — the color of a velvet chair.
- Bronze (#843D00): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Teal (#00424C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#28205A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged warm.
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
- Violet Studio color palette (#F1F0FF, #965DA6, #6D4E00, #003E61, #3F154B)
- Gentle Station color palette (#E9F3FF, #4A79B0, #862C61, #004810, #002B56)
- Wandering Rust Station color palette (#FAEDF9, #B1585C, #774700, #003F5C, #560314)
- Raspberry Chapel color palette (#FEE7E5, #BF4D84, #6B5000, #003D34, #090A3B)
- Mulberry Coast color palette (#FBECFC, #AF5862, #8B2F3E, #334100, #391852)
- Wandering Cobalt color palette (#FCF1F9, #A8CBDE, #387DB8, #00624D, #313660)
- Muted Field color palette (#D8E5FF, #B2A5C6, #916D87, #3D547C, #3D3B56)
- Ancient Aubergine color palette (#E9E9FF, #713994, #562900, #00242D, #1E002E)
Browse the whole catalog at Explore, or see today's palette.