Cocoa Harbor color palette — #FFDADA · #9A726C · #7D3536 · #443000 · #141100

Built around Rust, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FFDADA): A whisper-light, dusty red — the color of embers at dusk.
• Mocha (#9A726C): A full-bodied, dusty orange — the color of toasted spice.
• Rust (#7D3536): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#443000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#141100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, 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

• Bronze Veranda color palette (#FFE9E7, #A2643F, #73441E, #272F00, #031700)
• Softworn Workshop color palette (#F0EAF9, #906993, #6E425D, #591E00, #190A00)
• Softworn Orchard color palette (#EBDFED, #BB7DA8, #A85072, #724212, #113218)
• Amber Terrace color palette (#FFDEDC, #D1876E, #8F5C30, #3D4D00, #092900)
• Muted Driftwood color palette (#FFE9E8, #D1B8B3, #B67257, #765305, #37352F)
• Ancient Hollow color palette (#D2E3FF, #A396C9, #8F5A77, #004A23, #002425)
• Washed Mulberry color palette (#FDDEE9, #B65A80, #88004D, #37001B, #060002)
• Plum Parlor color palette (#FDE9E8, #A83D79, #705300, #640041, #0C0700)

Browse the whole catalog at Explore, or see today's palette.