Aged Cocoa Harbor color palette — #FFF2EB · #DFDACD · #9FB3B3 · #DD978F · #663200

Bronze and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DFDACD): a clean, paper-quiet neutral.
• Ash (#9FB3B3): A luminous, dusty teal — the color of sea glass.
• Camel (#DD978F): A luminous, balanced orange — the color of autumn markets.
• Bronze (#663200): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Aged 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

• Aged Straw Study color palette (#FFF2ED, #E8E293, #E1DAC9, #D8A7BE, #753E10)
• Wandering Moss color palette (#F8E5C8, #C3B273, #8E9500, #573500, #020100)
• Dusty Bronze Harbor color palette (#FBF4E7, #EADCB8, #AC9D69, #82662B, #33322B)
• Ancient Oat color palette (#FFF0F9, #E6D6D5, #E8BF8A, #906F89, #59414D)
• Cobalt Parlor color palette (#FFF2F0, #E19BB1, #5FA5DC, #656AB2, #361D1A)
• Tempered Amber Coast color palette (#FFF4DF, #D3F3C4, #ABD7E3, #CD9300, #3F3800)
• Feathered Thicket color palette (#FFF3E8, #FED857, #DDDCCB, #D05C00, #482800)
• Ancient Terracotta Pier color palette (#FFEADC, #F6C198, #CA8E00, #AA2805, #0E0300)

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