Washed Cocoa Harbor color palette — #FFF4E2 · #F4A899 · #AE8B61 · #5B775F · #6D3705
A conversation between Bronze and Melon, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Melon (#F4A899): A luminous, balanced orange — the color of toasted spice.
- Caramel (#AE8B61): A luminous, dusty gold — the color of old brass.
- Pewter (#5B775F): A full-bodied, dusty green — the color of a quiet forest floor.
- Bronze (#6D3705): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Washed 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
- Mustard Terrace color palette (#FFF4E2, #E2B66E, #8D9965, #487A6E, #5C4300)
- Timeworn Orchard color palette (#FFF4E2, #ECA4CF, #BC807D, #687732, #57423F)
- Tempered Cocoa Ridge color palette (#FDF4E3, #D49399, #8E714F, #395C7F, #6F3510)
- Tempered Balcony color palette (#FEF2EC, #EF977C, #7F9563, #307384, #593643)
- Muted Oat color palette (#FFF2EB, #E5CFB9, #AFA994, #778F81, #5D4E5D)
- Apricot Hollow color palette (#FFF4E2, #F98324, #967A00, #00657E, #4A2F0E)
- Fern Cabin color palette (#F4F7EA, #C8D7B6, #8CA385, #8F7772, #3E5615)
- Amber Garden color palette (#FBEFE6, #DE7F40, #774F06, #3F362F, #26201D)
Browse the whole catalog at Explore, or see today's palette.