Ash Harbor color palette — #EFF7F4 · #DDD4D2 · #A6A89E · #6E9DA1 · #4D5552

Eucalyptus and Taupe set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Silver (#DDD4D2): a clean, paper-quiet neutral.
• Taupe (#A6A89E): a calm mid-gray that lets other colors speak.
• Eucalyptus (#6E9DA1): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#4D5552): quiet, heavy and certain.

Feels like: Sophistication. 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

• Ash Quarry color palette (#FAF3F7, #E1D8D6, #B8B2A6, #B48FA2, #585054)
• Patina Cocoa Boulevard color palette (#FAF4EE, #DDD0B3, #A19D76, #8A7685, #614900)
• Worn Driftwood color palette (#E5FCEE, #DBC8D8, #BEA1A9, #8D853C, #455B18)
• Driftwood Lagoon color palette (#FCF2F7, #E1D6D4, #CCBAB1, #7B7AAA, #41373D)
• Softworn Navy Pier color palette (#F2EDF3, #B09FA9, #9B7D86, #07467D, #0E060F)
• Bronze Hollow color palette (#FCF5DF, #8CC6E9, #948AB9, #826D23, #514251)
• Patina Lantern color palette (#E8FAF4, #86B7E0, #B47A82, #6A6D3F, #43461A)
• Patina Iris color palette (#FBEDF7, #8396E2, #645258, #3F343C, #1D2321)

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