Ash Harbor color palette — #F5F4FB · #E3D7DF · #CABCC2 · #A97EAA · #48464F

A conversation between Dusty Rose and Stone, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F5F4FB): bright and airy, almost weightless.
• Silver (#E3D7DF): bright and airy, almost weightless.
• Stone (#CABCC2): a calm mid-gray that lets other colors speak.
• Dusty Rose (#A97EAA): A luminous, balanced pink — the color of neon signs at night.
• Charcoal (#48464F): a grounded near-black with real depth.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged scandi, 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

• Ancient Lantern color palette (#FBF3F4, #E4D9D2, #B7B9A5, #BD9EC9, #514447)
• Dusty Bronze Station color palette (#FBF2F7, #E4D5D4, #AFC9C3, #AF6D52, #42363D)
• Washed Peony color palette (#ECDFF4, #CA6C94, #574756, #322A37, #19171F)
• Mulberry Pier color palette (#E2DFE7, #BBAFC1, #A48CA4, #7C316C, #16101F)
• Softworn Raspberry Grove color palette (#F9F2FF, #E6D9E8, #D5B1CE, #B54B87, #3A2B47)
• Antique Mallow Chapel color palette (#E4FDE9, #D899CC, #BA6C75, #496E47, #453651)
• Hushed Driftwood color palette (#EDF9F0, #C7C899, #839864, #6E6F8A, #2E493D)
• Blush Studio color palette (#F7F2FF, #D389BA, #A8742C, #256C50, #1A385F)

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