Ancient Pier color palette — #FAF5E8 · #CCBF80 · #8B9B51 · #367C78 · #4A4840

Built around Moss, softened by Sand — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF5E8): bright and airy, almost weightless.
• Sand (#CCBF80): A luminous, balanced green — the color of new leaves after rain.
• Moss (#8B9B51): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#367C78): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#4A4840): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged retro, 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 Teal Alley color palette (#F9F6E5, #9CCD97, #58A483, #447592, #474941)
• Weathered Amber Thicket color palette (#FFF3E3, #EDAD87, #B48A50, #517B53, #4C4641)
• Timeworn Stone Garden color palette (#F9F6E0, #D5D6C1, #ABB497, #6F887A, #3E564D)
• Washed Basalt Lagoon color palette (#FFF3E7, #FFD3B1, #8EAD7F, #716C95, #543A00)
• Tempered Bronze Chapel color palette (#F6F6ED, #D0D5B2, #7AA888, #977833, #4C5200)
• Dusty Emerald Loft color palette (#FFF5D6, #A0B500, #2F9600, #006775, #2D3B12)
• Taupe Thicket color palette (#F7F2E3, #A49F54, #655801, #3A3831, #24211C)
• Aged Hollow color palette (#E5DEC2, #6FA600, #007E3C, #005065, #142B0A)

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