Pale Pier color palette — #ECF8F7 · #71D57F · #007DBD · #007829 · #000103

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

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Mint Leaf (#71D57F): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#007DBD): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#007829): A full-bodied, balanced green — the color of new leaves after rain.
• Black (#000103): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

Use it as a design system

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

• Mustard Balcony color palette (#ECF9F4, #B4C562, #00878B, #5E6B00, #000102)
• Airy Cornflower Loft color palette (#EDF8F8, #7EEAB2, #278BEE, #008C5B, #000511)
• Dusty Amethyst Coast color palette (#E7F9FC, #45D5B7, #8746ED, #007461, #01000A)
• Weathered Delta color palette (#E7F9FB, #00BD96, #0057C9, #005B47, #000105)
• Chalky Boulevard color palette (#E5EFDD, #00DBB2, #00A6C3, #009F80, #001207)
• Hazy Teal color palette (#FFF0FA, #00BC9D, #00749F, #721D00, #001617)
• Wandering Ultramarine color palette (#E5E6D6, #6A9E4B, #2945BB, #275300, #060005)
• Airy Mint color palette (#D8FFE2, #00D6BE, #008F9C, #004968, #020042)

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