Ash Pier color palette — #EEF8F3 · #B1DCCF · #77A6A0 · #8B7684 · #3E524C

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

The five colors

• Ivory (#EEF8F3): bright and airy, almost weightless.
• Oat (#B1DCCF): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#77A6A0): A luminous, dusty teal — the color of glacier melt.
• Driftwood (#8B7684): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal Brown (#3E524C): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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 Lagoon color palette (#EFF7F3, #A7C9C3, #578E7E, #695F81, #3A534F)
• Muted Basin color palette (#F8F5EB, #BDE4D2, #96B995, #B47450, #4E4800)
• Ash Loft color palette (#E3FCF4, #A7BA84, #7AAAD2, #B8808D, #304841)
• Taupe Loft color palette (#DEFFE5, #DBCE96, #9BA05F, #6C7C47, #2C544D)
• Washed Villa color palette (#EAF9F3, #C0CB92, #BAA5E0, #889352, #484A67)
• Lagoon Thicket color palette (#E0FDF5, #8ACE93, #339B77, #8B5D3A, #214427)
• Timeworn Studio color palette (#D1EBE6, #79B493, #008570, #704D24, #003030)
• Softworn Forest Veranda color palette (#D6EEE4, #6C9051, #00642E, #383C00, #071300)

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