Cocoa Harbor color palette — #FFF3E8 · #DAE1CD · #EBAFB0 · #BCBCC6 · #614800

Bronze takes the lead with Rose Quartz close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Bone (#DAE1CD): A whisper-light, dusty green — the color of a quiet forest floor.
• Rose Quartz (#EBAFB0): A luminous, dusty red — the color of late-summer berries.
• Stone (#BCBCC6): soft and architectural.
• Bronze (#614800): 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

• Mustard Coast color palette (#F6F7E1, #C9E7D5, #E6CDD3, #D0B56B, #4C5609)
• Antique Harbor color palette (#EEF9ED, #C8E4E0, #A0C1D8, #C69374, #405245)
• Ash Drift color palette (#F7F5EC, #C1C992, #87C0DB, #C482A6, #3F3D36)
• Linen Coast color palette (#FFF4E0, #C0F2D2, #6EF3EA, #F28359, #474D11)
• Weathered Grove color palette (#F7F5EB, #F7D8B6, #9DA377, #7D6D21, #2E2B21)
• Frosted Mustard color palette (#DDFFE7, #94F8FF, #BAD2FF, #BAA000, #004836)
• Mustard Harbor color palette (#F7F5EF, #E4E1AE, #68C7DE, #B8AF40, #243229)
• Muted Study color palette (#FDF0FF, #DBD7FF, #F5D245, #876821, #343029)

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