Ancient Pier color palette — #F5F1EA · #D4D9CF · #A3B3AB · #9A7F39 · #39362F

A conversation between Walnut and Ash, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F5F1EA): a clean, paper-quiet neutral.
• Silver (#D4D9CF): a clean, paper-quiet neutral.
• Ash (#A3B3AB): A luminous, dusty teal — the color of sea glass.
• Walnut (#9A7F39): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#39362F): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Ancient 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

• Washed Study color palette (#F3F2EA, #CFDCCB, #BEC3A4, #627334, #282514)
• Wandering Abyss color palette (#E8EEE4, #93A68F, #6C836E, #004035, #020600)
• Softworn Courtyard color palette (#F9F5EE, #D8DCD5, #A8B5B3, #AD9876, #56524C)
• Wandering Lantern color palette (#FAF1DB, #AEB167, #678253, #3A5B42, #2F2C1C)
• Patina Pier color palette (#F1EEE3, #928E72, #716E24, #2C2C00, #020100)
• Timeworn Villa color palette (#F0F3EA, #9FD0B9, #569080, #716111, #263800)
• Weathered Market color palette (#F6F2E0, #FFF1A3, #CEDA93, #84AA75, #312D12)
• Wandering Station color palette (#EAEAE1, #CBCDBC, #A0A78E, #3D6115, #171709)

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