Ash Harbor color palette — #CAE9D4 · #B3D0C3 · #A5A1D0 · #608A6E · #004A56

Built around Mauve, softened by Deep Teal — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#CAE9D4): A whisper-light, dusty teal — the color of glacier melt.
• Oat (#B3D0C3): A whisper-light, dusty teal — the color of glacier melt.
• Mauve (#A5A1D0): A luminous, dusty violet — the color of wild irises.
• Fern (#608A6E): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#004A56): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, 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

• Worn Lagoon color palette (#D0E6CA, #A5D0B9, #C59AB0, #6C9564, #31492A)
• Ancient Lagoon Lagoon color palette (#C7F2E2, #E0BEDB, #CB9AA1, #3C9792, #1F4B65)
• Ancient Study color palette (#FCF3F0, #D0E7D4, #74BCDF, #0EA65F, #203A63)
• Wandering Taupe color palette (#DBFFEE, #E1CFE0, #D4A7AF, #899F79, #2F5A49)
• Softworn Harbor color palette (#D2F1DA, #90A3D3, #9F729B, #006C69, #003134)
• Weathered Chestnut Atelier color palette (#DBE6FF, #B6B7DF, #AE84A0, #766620, #354926)
• Hushed Ash color palette (#E1F1FF, #AD94C5, #7F6883, #314D46, #0D2C25)
• Patina Bloom color palette (#FFF3E7, #D9C89F, #86AD74, #9A759A, #38352E)

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