Pale Pier color palette — #FFF2EF · #D6C776 · #56A06F · #785885 · #3E1E4A

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Honey (#D6C776): A whisper-light, balanced green — the color of a quiet forest floor.
• Fern (#56A06F): A luminous, balanced teal — the color of shallow lagoons.
• Graphite (#785885): A full-bodied, dusty pink — the color of neon signs at night.
• Deep Indigo (#3E1E4A): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, muted.

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

• Hushed Teal color palette (#FFF2EC, #C6DA82, #19A895, #94455E, #511B2E)
• Dusty Pewter Garden color palette (#FFF0F9, #FFBBA9, #9A8D46, #795090, #47205B)
• Muted Field color palette (#FFF1D8, #94CCC4, #5799A1, #7C5064, #4D1A35)
• Weathered Loft color palette (#F8EDDA, #BEC776, #6BAB6F, #4A73C6, #473474)
• Aged Teal Veranda color palette (#FFF0F8, #B4E3CD, #71B1A0, #92646D, #62343E)
• Feathered Basin color palette (#E9DFC9, #989C4E, #007E29, #294684, #2D194B)
• Airy Pine color palette (#FAD9D4, #BC941E, #058A31, #6D306E, #5B1E37)
• Worn Mint color palette (#DAFFEE, #88D995, #009283, #7D3E6E, #002709)

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