Ash Harbor color palette — #E0FDF0 · #A2C7C8 · #7F9CB3 · #7F6B7A · #64494E

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

The five colors

• Honeydew (#E0FDF0): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#A2C7C8): A luminous, dusty teal — the color of shallow lagoons.
• Blue Fog (#7F9CB3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pewter (#7F6B7A): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal Brown (#64494E): A full-bodied, dusty red — the color of embers at dusk.

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

• Softworn Thicket color palette (#D3FFFE, #B0DCE7, #98B1C2, #877C93, #5D505E)
• Oat Station color palette (#ECF7DA, #BADAB7, #84A192, #776061, #513D37)
• Antique Lagoon color palette (#EDF8F3, #9CCCC7, #518E83, #4E6E60, #3B5250)
• Hushed Cobalt color palette (#D8EFEC, #7AABBC, #6276AB, #68542C, #325139)
• Worn Turquoise Loft color palette (#F9F3F8, #D5D6ED, #5CA3C6, #4C7B5D, #465466)
• Softworn Summit color palette (#EAF8FC, #67C2BD, #D18259, #00847F, #624254)
• Amber Veranda color palette (#E6F9FF, #4AA9AB, #B9784A, #996A4A, #2C474F)
• Weathered Market color palette (#D6F5E9, #558FA2, #58568D, #473704, #202803)

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