Cocoa Harbor color palette — #F0FADD · #BBD6C4 · #BBA0B1 · #938577 · #724302

Built around Bronze, softened by Mauve — the whole palette hums with optimism and sophistication.

The five colors

• Custard (#F0FADD): A whisper-light, dusty green — the color of a quiet forest floor.
• Oat (#BBD6C4): A whisper-light, dusty teal — the color of glacier melt.
• Mauve (#BBA0B1): A luminous, dusty pink — the color of peonies in June.
• Driftwood (#938577): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#724302): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted, light.

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 Balcony color palette (#FAF6DD, #CFD8C6, #94B0A4, #A76E41, #75400C)
• Driftwood Pier color palette (#EEFAE4, #C0D4C8, #B8A0B1, #878941, #49563D)
• Ancient Thicket color palette (#CCECCC, #CBABCC, #A387AC, #7C6A1F, #4D4000)
• Worn Veranda color palette (#E7F9FF, #B1C9DB, #8394AE, #7D697B, #654847)
• Tempered Cocoa Delta color palette (#FDF0FE, #A7C7F1, #D4A682, #658EC4, #704000)
• Driftwood Alley color palette (#DCF5EB, #7EB6C7, #7F74A8, #495F32, #2B3F12)
• Dusty Thicket color palette (#DFFDF4, #85B6E5, #BFA063, #8A915A, #2C4942)
• Dusty Coral Field color palette (#E1F3FF, #ADA1E9, #C36A80, #007653, #004932)

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