Cocoa Harbor color palette — #FFF2EF · #E1DACF · #C8CBA2 · #A787AB · #7A3C21

Bronze and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E1DACF): a clean, paper-quiet neutral.
• Pistachio (#C8CBA2): A whisper-light, dusty green — the color of new leaves after rain.
• Dusty Rose (#A787AB): A luminous, dusty pink — the color of a candy shop window.
• Bronze (#7A3C21): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, 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

• Wandering Cocoa Corridor color palette (#FFF2EC, #DFDDCD, #ADADB8, #B99983, #76420E)
• Softworn Ash color palette (#FBF1FF, #E9D6D9, #AFC2BA, #BE93BE, #4F404E)
• Timeworn Boulevard color palette (#FEF0FF, #E9D4D9, #E7B7A2, #AC6C7F, #5C475B)
• Driftwood Courtyard color palette (#FFF2E9, #DDECBD, #B0DC9D, #BF6E69, #543B10)
• Driftwood Parlor color palette (#FFF3E6, #CEBC91, #AE875E, #8B5C4A, #3F3D36)
• Hushed Mustard color palette (#FFEFED, #FFD4BB, #CCC32E, #AF5792, #572B17)
• Muted Terrace color palette (#F7E3DA, #BD9A59, #758F49, #7B213A, #1D0B00)
• Dusty Mint color palette (#FFE8D4, #E3D595, #7DCB91, #AA5943, #3B2D02)

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