Cocoa Harbor color palette — #FDF4E0 · #D9909E · #936F4C · #386354 · #703415
A conversation between Rust and Dusty Rose, giving this palette its sense of optimism and warmth.
The five colors
- Cream (#FDF4E0): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Dusty Rose (#D9909E): A luminous, balanced red — the color of late-summer berries.
- Walnut (#936F4C): A full-bodied, dusty gold — the color of old brass.
- Pine (#386354): A full-bodied, dusty teal — the color of sea glass.
- Rust (#703415): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, 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
- Wandering Apricot color palette (#FEF4E2, #E38F6D, #807846, #455A7C, #673C00)
- Antique Loft color palette (#F9F6E5, #BF95D0, #A36268, #236563, #564243)
- Worn Taupe Lantern color palette (#F8F2DD, #D496B5, #966F4C, #285775, #3D251D)
- Patina Archive color palette (#FFF2EF, #CF7B8C, #617A47, #34567B, #4F3A4F)
- Softworn Taupe color palette (#E9FAF1, #DFACC9, #B48863, #497395, #514252)
- Amber Terrace color palette (#FFF3E5, #BF8D38, #50763B, #4E4770, #403D36)
- Antique Cocoa Hollow color palette (#FFF2EB, #F2D6D7, #F7B09A, #A69B64, #663600)
- Wandering Apricot Thicket color palette (#EBFAEE, #F8C0BD, #D6A275, #439C99, #56404F)
Browse the whole catalog at Explore, or see today's palette.