Ancient Pier color palette — #FEEFE4 · #9AB77B · #2F8881 · #6D425B · #2A2E1D

Built around Sage, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Cream (#FEEFE4): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#9AB77B): A luminous, balanced green — the color of new leaves after rain.
• Fern (#2F8881): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#6D425B): A full-bodied, dusty pink — the color of peonies in June.
• Deep Forest (#2A2E1D): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Cerulean Drift color palette (#FCEFE7, #7BBBA6, #2283A9, #77422B, #223122)
• Tempered Olive color palette (#FCEFE2, #CAA568, #5B8648, #5A4874, #322B1C)
• Muted Terrace color palette (#F5F2E9, #C5C6A7, #608F76, #755F10, #31322B)
• Weathered Orchard color palette (#E9FAF4, #B3EEC0, #5FB59C, #537794, #2E4444)
• Weathered Veranda color palette (#FAF6E0, #7BB983, #41866F, #376356, #404F02)
• Washed Cocoa Alley color palette (#F7F2DF, #C8D0B4, #7BA38A, #7A6058, #632D00)
• Emerald Terrace color palette (#FFEEE5, #00AE4E, #006E7A, #77002D, #002319)
• Antique Boulevard color palette (#EBF0E2, #44956D, #304030, #1C2015, #0D0D07)

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