Aged Cocoa Harbor color palette — #FFF1F3 · #F3CBCD · #D4AFAA · #A98363 · #664400

Bronze takes the lead with Caramel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Shell Pink (#F3CBCD): A whisper-light, dusty red — the color of late-summer berries.
• Rosewood Mist (#D4AFAA): A luminous, dusty orange — the color of toasted spice.
• Caramel (#A98363): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#664400): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, light.

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

• Hushed Fern Courtyard color palette (#FFECE2, #E1BDA3, #BA9F7F, #71945D, #435104)
• Softworn Bronze color palette (#FAE2ED, #F3A5B5, #D8837D, #917000, #474400)
• Pewter Courtyard color palette (#D9FFF2, #D7C0CE, #B69398, #617B57, #465440)
• Patina Pine color palette (#F0DFD6, #BFA284, #A38745, #3E7645, #002F22)
• Ancient Mint Drift color palette (#F7F6E9, #D7D8B8, #8BBA8A, #5B9DA1, #464500)
• Dusty Drift color palette (#FDE5E0, #887F7B, #965339, #534F00, #0D1500)
• Washed Plum color palette (#EFE1EF, #BF7EA4, #A85B74, #774400, #261A00)
• Powder Delta color palette (#ECEEFF, #BBB7DF, #8A7E9E, #6B5463, #4B2F3B)

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