Pale Pier color palette — #FEF1FA · #8797EE · #BC8043 · #5D7A2E · #3F2C39

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

The five colors

• Ivory (#FEF1FA): bright and airy, almost weightless.
• Lavender Blue (#8797EE): A luminous, balanced violet — the color of wild irises.
• Caramel (#BC8043): A luminous, balanced gold — the color of honey in a jar.
• Olive (#5D7A2E): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#3F2C39): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

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

• Dusty Pine color palette (#FFF1F5, #B08CD4, #A18F34, #228255, #3F2D33)
• Powdered Bronze Coast color palette (#FFF0F7, #918DDF, #AE6B00, #386C3B, #193126)
• Gentle Ember Bloom color palette (#E7FAF4, #58A6E0, #D16F5E, #846C25, #213831)
• Timeworn Indigo Loft color palette (#FFF0F9, #7470E0, #866D2F, #684F03, #3D2D37)
• Powder Courtyard color palette (#F1F5FF, #A8B3FC, #C0AB6E, #A38E52, #28324A)
• Patina Peony Delta color palette (#FFF4E2, #C4A0DE, #BD6491, #5D6B2A, #513339)
• Tempered Summit color palette (#F0F5FF, #9CAFF1, #C589A4, #1E827F, #1B2437)
• Tempered Orchid color palette (#E7DFFF, #9A5AFF, #987000, #00692A, #241341)

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