Ancient Pier color palette — #EFF7F7 · #D3DDE4 · #B3C2D8 · #48835C · #3C4B4A

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

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D3DDE4): a clean, paper-quiet neutral.
• Ash (#B3C2D8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#48835C): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#3C4B4A): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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 Loft color palette (#F0F3EB, #CFDAD4, #ACC3BA, #4A8368, #2A2E24)
• Wandering Field color palette (#EBF9F5, #83BBBB, #2C837A, #39635A, #2A4949)
• Petrol Meadow color palette (#EFF6FB, #D8D8E4, #ABB2CD, #106D90, #323C43)
• Timeworn Market color palette (#D8E8EB, #008378, #183645, #0F2226, #060E11)
• Cerulean Workshop color palette (#DFFDF6, #91B8C0, #6393A9, #7E5A70, #445342)
• Hushed Abyss color palette (#D9E4E4, #99ADB3, #5E859B, #00432E, #021819)
• Dusty Denim Coast color palette (#DDE5EC, #B2B9C7, #878BAD, #004971, #15212A)
• Jade Balcony color palette (#FFF0FA, #58AC77, #007788, #753743, #1C4449)

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