Aged Pier color palette — #F0F4E6 · #8AC89C · #6B8646 · #4E5C14 · #21221A

Olive Leaf takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F0F4E6): bright and airy, almost weightless.
• Mint Leaf (#8AC89C): A luminous, balanced teal — the color of sea glass.
• Olive Leaf (#6B8646): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#4E5C14): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#21221A): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Aged 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

• Softworn Aqua Coast color palette (#ECF5ED, #76C6CC, #6A8273, #4B594D, #1E231E)
• Teal Study color palette (#F0F4E5, #76AA81, #4D5E49, #343D00, #23221A)
• Timeworn Teal color palette (#E6F3DD, #00BB9D, #36736F, #154C40, #0F1407)
• Hushed Lagoon Balcony color palette (#DDEBD9, #00A196, #3D5C41, #20361B, #020600)
• Wandering Fern color palette (#F8F5EB, #E2DFC0, #A4BF97, #A39B74, #564F00)
• Quiet Teal color palette (#EDFBDC, #A2E4D0, #65C7B4, #27A7A0, #39573B)
• Hushed Powder Bloom color palette (#ECFAEC, #84D8D8, #9BBEFD, #9BBB7B, #344934)
• Cerulean Grove color palette (#DBE9DE, #008998, #004A5D, #002227, #000300)

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