Ash Harbor color palette — #F0F6FF · #DBD8E2 · #BCBED2 · #9D8DA2 · #5B4959

Built around Heather, softened by Charcoal Brown — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F0F6FF): a clean, paper-quiet neutral.
• Silver (#DBD8E2): bright and airy, almost weightless.
• Ash (#BCBED2): A luminous, dusty violet — the color of a velvet chair.
• Heather (#9D8DA2): A luminous, dusty pink — the color of peonies in June.
• Charcoal Brown (#5B4959): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Abyss Lagoon color palette (#E7F9FF, #D6D8F0, #B9BCD0, #8CA89A, #325551)
• Aged Shell Coast color palette (#F2F4FF, #EBD3EB, #FEB8A9, #9D90C8, #563D50)
• Wandering Ash color palette (#F6F3FF, #EAD3E1, #B8A5BE, #91757E, #39503F)
• Softworn Balcony color palette (#F6F3FF, #D2B3E0, #9F7695, #764839, #432001)
• Ancient Chestnut color palette (#E1F9E9, #D7C6D9, #B38D9A, #746011, #414000)
• Muted Lagoon color palette (#FAF1FF, #DFD4F9, #AE9CBF, #8E674E, #4A2B36)
• Ancient Terracotta Loft color palette (#E9DAE3, #C17E95, #8B484A, #473100, #080600)
• Hushed Courtyard color palette (#F3F4FF, #E3D7E0, #BAA3D9, #746091, #332344)

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