Cocoa Harbor color palette — #FFF2E9 · #DEE0AA · #83B8BD · #A36356 · #662D1D
Built around Rust, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Celadon Mist (#DEE0AA): A whisper-light, dusty green — the color of new leaves after rain.
- Ash (#83B8BD): A luminous, dusty blue — the color of open sky before noon.
- Walnut (#A36356): A full-bodied, balanced orange — the color of sun-warmed clay.
- Rust (#662D1D): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Nature, Growth, 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
- Hazy Drift color palette (#EEFFBB, #AEF4DB, #85B1D8, #955F58, #62352F)
- Aged Basalt Terrace color palette (#FFF2ED, #E9DDA8, #83B9A8, #78698C, #5B284D)
- Washed Lagoon Grove color palette (#FFE6D5, #A9B58A, #288C84, #824E44, #6D382F)
- Patina Bronze color palette (#DAFFEE, #A8ECD4, #79AACA, #966D39, #354F32)
- Softworn Onyx Boulevard color palette (#FFF4E0, #ADC49A, #6696A7, #804F48, #4C1612)
- Antique Teal Drift color palette (#E3E2C1, #69B49B, #477998, #643017, #240900)
- Patina Driftwood Orchard color palette (#E0FDF0, #BBE3F7, #9BBDD3, #718D6F, #40543E)
- Gentle Glacier Veranda color palette (#DDFFE8, #69E2F2, #818EC3, #77542B, #432700)
Browse the whole catalog at Explore, or see today's palette.