Ash Harbor color palette — #DDFDFD · #AAC8D0 · #7DA6C1 · #7D6A8E · #5D445C

A conversation between Blue Fog and Slate, giving this palette its sense of sophistication.

The five colors

• Ivory (#DDFDFD): A whisper-light, dusty teal — the color of glacier melt.
• Stone (#AAC8D0): A luminous, dusty blue — the color of open sky before noon.
• Blue Fog (#7DA6C1): A luminous, dusty blue — the color of open sky before noon.
• Slate (#7D6A8E): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#5D445C): A full-bodied, dusty pink — the color of neon signs at night.

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

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

• Washed Balcony color palette (#E6F9FF, #C5DCE9, #9AABC3, #997E99, #614753)
• Muted Chestnut Harbor color palette (#D8EDFC, #97AECF, #7E73A9, #8B4A19, #493500)
• Wandering Delta color palette (#D9F1FF, #99C4F3, #908CD1, #9F5434, #63451B)
• Soft Coral Thicket color palette (#E9F8FF, #77C5D6, #E7876A, #0090A5, #663120)
• Worn Market color palette (#F0F7F2, #CFDDEF, #5AB2D1, #008E81, #2C4B63)
• Muted Alley color palette (#E9F9F5, #9ECFCC, #629D89, #617B4D, #204A48)
• Washed Canyon color palette (#B7EDF5, #6DCCCB, #00A2B4, #007992, #164A60)
• Timeworn Mulberry color palette (#D5EDEA, #4CBAD6, #6487B6, #A2204C, #60230E)

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