Cocoa Harbor color palette — #FEF3E7 · #C3E2CD · #ADB2C4 · #BB9580 · #634800

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

The five colors

• Ivory (#FEF3E7): a clean, paper-quiet neutral.
• Celadon Mist (#C3E2CD): A whisper-light, dusty teal — the color of sea glass.
• Ash (#ADB2C4): A luminous, dusty violet — the color of wild irises.
• Taupe (#BB9580): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#634800): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Driftwood Coast color palette (#EEF9EF, #BEDEE9, #BFBDC8, #AD895F, #46574B)
• Ancient Bronze Summit color palette (#FCF4EB, #D8C8AD, #B29677, #A0643D, #564600)
• Taupe Coast color palette (#F8F6E4, #A0B572, #9D93C5, #7C749C, #453E00)
• Washed Alley color palette (#F8F5EA, #E6CDAD, #7B8256, #5A4D00, #2E2C1E)
• Airy Cocoa color palette (#FFEDD2, #96A56A, #429B73, #833500, #131200)
• Amber Lagoon color palette (#FFF4DE, #D2F3A6, #73DEC2, #C87D2A, #43423B)
• Ancient Driftwood Basin color palette (#F7F5EE, #CED7A8, #5FA9B0, #889351, #233226)
• Wandering Sunflower Chapel color palette (#FFE3F9, #BDDAFF, #E1CB59, #664D00, #37332B)

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