Cocoa Harbor color palette — #FFF4E0 · #E9ABAD · #A2915B · #816380 · #6D3706
Bronze takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
- Rose Quartz (#E9ABAD): A luminous, dusty red — the color of a theater curtain.
- Moss (#A2915B): A luminous, dusty green — the color of fresh herbs.
- Slate (#816380): A full-bodied, dusty pink — the color of peonies in June.
- Bronze (#6D3706): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Patina Stone Meadow color palette (#FFF3E9, #E0B581, #759F79, #746691, #5A4400)
- Wandering Chapel color palette (#FCF5E1, #E4ABC0, #AB8C67, #487A6C, #713319)
- Tempered Station color palette (#FFF2EF, #E1CDBB, #A8A789, #8C7881, #654B58)
- Denim Veranda color palette (#EBFAEE, #CE9A82, #897446, #106475, #5A3E4A)
- Weathered Market color palette (#FEF2ED, #DBA097, #5199A4, #4F6994, #523851)
- Amber Market color palette (#FFEAD9, #D59145, #53864F, #5C468A, #3A3003)
- Ancient Parlor color palette (#FBF0E4, #C38F5F, #695700, #522F00, #27201D)
- Lagoon Field color palette (#FBF3EF, #CDE8E6, #8BBDB0, #569481, #614B5A)
Browse the whole catalog at Explore, or see today's palette.