Cocoa Harbor color palette — #E9E0FF · #A3A2C0 · #7E7590 · #76493D · #622C00
A conversation between Rust and Coffee, giving this palette its sense of optimism and sophistication.
The five colors
- Thistle (#E9E0FF): A whisper-light, dusty violet — the color of a velvet chair.
- Mauve (#A3A2C0): A luminous, dusty violet — the color of a velvet chair.
- Slate (#7E7590): A full-bodied, dusty violet — the color of a velvet chair.
- Coffee (#76493D): A full-bodied, dusty orange — the color of autumn markets.
- Rust (#622C00): A deep, shadowed, balanced gold — the color of old brass.
Feels like: 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
- Tempered Alley color palette (#CFE7FF, #97AECE, #6B7590, #5B5068, #5D333D)
- Pewter Bloom color palette (#E4DDFF, #A89AB6, #966771, #6C4353, #2A4B33)
- Worn Bronze Basin color palette (#FFDBF1, #CEBDF0, #BD95C5, #B06C53, #70380A)
- Aged Archive color palette (#DCF4FF, #8FADCB, #6B6E8F, #504A00, #073219)
- Hushed Plum Meadow color palette (#F5E4F2, #BD82A1, #A55064, #684200, #323D05)
- Tempered Loft color palette (#F0EDFF, #9575AD, #734672, #54271E, #3B192C)
- Wandering Oat color palette (#F7F3FF, #D4C7DD, #9F8FA0, #6B7A6B, #3C5250)
- Dusty Aubergine Field color palette (#EDECFF, #A479C0, #B25F2E, #743198, #582401)
Browse the whole catalog at Explore, or see today's palette.