Cocoa Harbor color palette — #FCF4E4 · #DA8F9A · #8C743D · #3E5C7C · #6F360D

A conversation between Bronze and Dusty Rose, giving this palette its sense of trust and stability.

The five colors

• Cream (#FCF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Dusty Rose (#DA8F9A): A luminous, balanced red — the color of late-summer berries.
• Walnut (#8C743D): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Peacock (#3E5C7C): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#6F360D): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged retro, 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

• Apricot Loft color palette (#FFF3E4, #E19162, #6A8049, #6C4E64, #4C4741)
• Aged Lilac Meadow color palette (#F6F7E1, #BF95CF, #9F665A, #3E634A, #594141)
• Tempered Market color palette (#FFF2ED, #D5797B, #3B7E70, #3D5574, #503951)
• Softworn Boulevard color palette (#FDF3E8, #CCC198, #7F8841, #755E68, #5C4C00)
• Taupe Terrace color palette (#E8F7E9, #D29F7B, #917342, #325D3B, #3C242D)
• Washed Cypress color palette (#FCF3EF, #C5EFE9, #769FBC, #487B64, #5F4B5B)
• Quiet Meadow color palette (#FFF4DF, #F14700, #616600, #273D8D, #4F2C00)
• Cerulean Corridor color palette (#EAFAED, #E5C3E5, #CCA773, #728BC0, #56404E)

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