Aged Harbor color palette — #FFF1F4 · #F0D7FF · #CAA9DF · #9C80A6 · #4B2C33

Built around Lavender, softened by Heather — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Thistle (#F0D7FF): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#CAA9DF): A luminous, balanced violet — the color of a velvet chair.
• Heather (#9C80A6): A luminous, dusty pink — the color of neon signs at night.
• Espresso (#4B2C33): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Creativity, Sophistication. Tagged monochrome, light, muted.

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

• Aged Mallow color palette (#F4F4FF, #EEC1FC, #B58EC1, #745980, #383352)
• Mustard Dune color palette (#FEF2F2, #FFCCF0, #C5B970, #D195BF, #302E27)
• Aubergine Corridor color palette (#F2F0FF, #C3C1EC, #9671A7, #61386F, #2B1634)
• Tempered Bone Lagoon color palette (#FCF2F5, #C1EBC1, #BC909D, #7D656C, #33282B)
• Patina Mallow Cabin color palette (#FFF1F2, #EDA8E2, #7AC6C3, #63A8A4, #49383A)
• Muted Blush Workshop color palette (#FFF2ED, #FFC6C7, #F19492, #AC6761, #4B2221)
• Wandering Chartreuse color palette (#E8EDFF, #C2F061, #BBD6FF, #6E5F6D, #332E33)
• Pale Fuchsia color palette (#FFF0F9, #FFB4F4, #F571CF, #B95094, #41013B)

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