Ancient Pier color palette — #F5F7E7 · #85C699 · #37946E · #63645C · #343630

Fern and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F7E7): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#85C699): A luminous, balanced teal — the color of glacier melt.
• Fern (#37946E): A luminous, balanced teal — the color of glacier melt.
• Graphite (#63645C): quiet, heavy and certain.
• Espresso (#343630): quiet, heavy and certain.

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

• Lagoon Villa color palette (#F9F6E5, #CBD6AF, #219E95, #616930, #242B0A)
• Cypress Lagoon color palette (#F6F7E5, #79A886, #17735C, #3D522E, #313B00)
• Teal Studio color palette (#EBF9F5, #A8D7B5, #52B597, #708F5A, #123D3B)
• Olive Balcony color palette (#F2EDC7, #84BF50, #258F20, #1F6A49, #20350D)
• Worn Ridge color palette (#FBF5E5, #C6C898, #88975E, #74762E, #504100)
• Dusty Delta color palette (#DCEFEE, #00BEC5, #0097A4, #006E80, #004757)
• Wandering Market color palette (#E4E9D7, #39A97F, #00715D, #205032, #002115)
• Moss Terrace color palette (#E0F5E6, #00BCD7, #939E34, #008093, #35390B)

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