Aged Harbor color palette — #FFF0F7 · #F4D2CD · #CCA8C8 · #AB6A49 · #6F3B05

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Shell Pink (#F4D2CD): A whisper-light, dusty orange — the color of autumn markets.
• Mauve (#CCA8C8): A luminous, dusty pink — the color of a candy shop window.
• Mocha (#AB6A49): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#6F3B05): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Aged 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 Driftwood color palette (#DBFEF3, #F4DEF3, #C8A8BD, #9A7172, #664D49)
• Worn Stone Station color palette (#FFECF3, #EBA0AA, #BA7A70, #6A560C, #322900)
• Worn Bronze Archive color palette (#FFDCD1, #E4988A, #A06136, #464B00, #171600)
• Bronze Pier color palette (#FFF2EF, #EDCBBC, #BB967D, #806C21, #36362F)
• Mallow Lantern color palette (#FAF2FF, #FBB1F8, #C0749C, #904400, #503000)
• Hushed Basin color palette (#ECFBE3, #9CC7B5, #9D7D88, #5E6B25, #435713)
• Timeworn Driftwood Balcony color palette (#E6F2FF, #AFB7D5, #8A86A4, #526551, #213F31)
• Timeworn Balcony color palette (#E3DCF3, #AB7CBB, #854C7A, #5F2009, #170700)

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