Cocoa Harbor color palette — #FFF2EE · #EAD9D9 · #F0C59E · #BBB4AB · #672E05

A conversation between Rust and Wheat, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#EAD9D9): a clean, paper-quiet neutral.
• Wheat (#F0C59E): A whisper-light, dusty gold — the color of honey in a jar.
• Stone (#BBB4AB): soft and architectural.
• Rust (#672E05): A deep, shadowed, balanced orange — the color of autumn markets.

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

• Weathered Basin color palette (#FFF2EC, #EBD7C0, #E2A078, #A17E56, #613F00)
• Amber Bloom color palette (#FCF2FA, #E8D7D2, #F0BF9B, #D67845, #583C52)
• Washed Teal Grove color palette (#FFF4E1, #E4DDD2, #AEC9B2, #55C4BB, #37342D)
• Abyss Drift color palette (#FFF2EE, #E0DACE, #C8BAA8, #8A998B, #3C5147)
• Ancient Marigold Corridor color palette (#FFF2EA, #E7DAD5, #C9C5A1, #E1A000, #391700)
• Peony Harbor color palette (#F8D8D0, #FF4DA2, #F3353B, #6D4200, #030000)
• Timeworn Powder color palette (#FDF3EA, #E8DCB7, #9BD3FF, #C08E63, #2D4E44)
• Powder Coast color palette (#F9F4ED, #C1E3F5, #BEC0F6, #769D82, #594755)

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