Ancient Pier color palette — #E8F6F0 · #92A97C · #4B7041 · #0A5151 · #00221C

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E8F6F0): bright and airy, almost weightless.
• Sage (#92A97C): A luminous, dusty green — the color of fresh herbs.
• Olive (#4B7041): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#0A5151): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#00221C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Washed Summit color palette (#E8F5F3, #97BF9F, #518168, #355A6C, #0A2D2C)
• Jade Veranda color palette (#CEECEB, #00AE8A, #006A5E, #004362, #001B13)
• Weathered Olive Field color palette (#E4F7ED, #A4AE75, #5C762A, #6D3C36, #00281D)
• Antique Fern color palette (#DCF3EA, #7E9859, #35621D, #592919, #001711)
• Patina Fern color palette (#FDF4E8, #A69A75, #4E6D37, #444670, #37352F)
• Patina Forest Harbor color palette (#D1E3DE, #5B8554, #005224, #003036, #010B00)
• Washed Emerald Pier color palette (#EAFAEC, #D2D4A1, #70975C, #5E5E89, #023021)
• Softworn Pewter Market color palette (#F3EFFF, #F0CCE5, #D9A3B1, #815F8C, #261D32)

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