Ancient Pier color palette — #F0F3EB · #CCDAD3 · #AEBCAA · #297454 · #1F2219

Pine and Stone set the tone — five colors that lean into sophistication.

The five colors

• Cream (#F0F3EB): a clean, paper-quiet neutral.
• Silver (#CCDAD3): a clean, paper-quiet neutral.
• Stone (#AEBCAA): A luminous, dusty green — the color of new leaves after rain.
• Pine (#297454): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#1F2219): quiet, heavy and certain.

Feels like: 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

• Cypress Bloom color palette (#EEF7F7, #D2DAE0, #A2B8BF, #2C744F, #2C3F3E)
• Worn Cypress color palette (#F0F4E6, #72AF90, #00765D, #424C00, #181F0A)
• Dusty Field color palette (#F4F6ED, #D0E1DA, #A2BAC1, #5D9971, #2D2F27)
• Weathered Petrol color palette (#EBF4F1, #F0D5DF, #CEB6CC, #0072A8, #1A2924)
• Smoked Cypress Canyon color palette (#DAE9D7, #00746D, #0D2C14, #070F05, #010301)
• Aged Turquoise Pier color palette (#DFF7DE, #66ADBC, #5E8071, #603E4F, #3B1A25)
• Antique Study color palette (#DBE4DB, #8DA893, #688373, #003F3F, #010601)
• Mint Market color palette (#E8F8E0, #0EED9C, #00C7AF, #008C95, #081F03)

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