Ash Pier color palette — #F7EFF3 · #D7D1E5 · #829DC9 · #38786F · #303547

Built around Blue Fog, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Silver (#D7D1E5): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#829DC9): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#38786F): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#303547): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Ash Pier 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

• Aged Petrol Coast color palette (#F0F7F1, #D7DEEF, #789DBF, #3A7A81, #475365)
• Dusty Lagoon color palette (#F6EEFF, #CA82A8, #19A0A5, #2E878A, #2C2333)
• Aged Sand color palette (#F5EFFA, #EED4D9, #E0D098, #898EB0, #3F3443)
• Aged Powder color palette (#FBF4EE, #C1E4F4, #98B3DA, #778E6E, #624A58)
• Nightshade Summit color palette (#DBE5DA, #648EB3, #3223BD, #002B2D, #080014)
• Denim Ridge color palette (#E5DBE0, #60A7C2, #0058A3, #003A30, #08012C)
• Tempered Petrol color palette (#EFE6EE, #79C1C7, #00759D, #004E2A, #041432)
• Worn Forest Corridor color palette (#F8EEF8, #9ADEDA, #0091B0, #096714, #002646)

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