Ancient Pier color palette — #EDF8F2 · #AEA66C · #579A83 · #5B66AD · #46303C

Slate takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EDF8F2): bright and airy, almost weightless.
• Sage (#AEA66C): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#579A83): A luminous, dusty teal — the color of glacier melt.
• Slate (#5B66AD): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#46303C): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Worn Pewter color palette (#EBF9F5, #94B278, #349AAE, #795194, #283828)
• Petrol Field color palette (#FCF2F6, #C58F65, #758C58, #007595, #3D3245)
• Dusty Cabin color palette (#FFF1F5, #D7B894, #829D64, #7A6296, #374E3F)
• Mulberry Station color palette (#E7F9FA, #58A689, #4684B9, #8E346D, #113228)
• Apricot Alley color palette (#FEF1F6, #F6AF7A, #8BB476, #A77B97, #3E323C)
• Softworn Taupe Delta color palette (#E8F5EF, #A2A054, #425F5B, #283D34, #1E231F)
• Worn Marigold color palette (#FFF3E7, #ECA252, #6B91CA, #846684, #301F21)
• Quiet Workshop color palette (#E5FBF6, #6DA048, #00758F, #7A2072, #062311)

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