Ash Pier color palette — #FCF3EF · #C6EFE6 · #70A1BA · #507A5F · #5F4B5D

A conversation between Blue Fog and Teal, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Honeydew (#C6EFE6): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#70A1BA): A luminous, dusty blue — the color of open sky before noon.
• Teal (#507A5F): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5F4B5D): A full-bodied, dusty pink — the color of a candy shop window.

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

• Weathered Cypress color palette (#FAF4EE, #C3EFF4, #B18CA7, #3E7A7B, #614B54)
• Ash Meadow color palette (#EBF4F2, #CDDCEE, #6BA7B3, #3A7773, #203A47)
• Coral Pier color palette (#FFF2ED, #DD7470, #4095B5, #497E94, #48403D)
• Lagoon Quarry color palette (#F5F6EE, #C8E7E0, #99BBA3, #57938E, #395143)
• Coral Canyon color palette (#FFF2ED, #E79793, #54A6B6, #9B605D, #375541)
• Teal Workshop color palette (#F9F3F8, #D5D5E7, #98D0E8, #5EB696, #3D556C)
• Teal Meadow color palette (#F1E2DD, #3BB2B6, #00607D, #00411B, #021E42)
• Feathered Cobalt color palette (#FFF2EA, #94DAF5, #2B80DA, #006858, #3A3B63)

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