Pale Pier color palette — #F9F5E7 · #D3DC93 · #BEACFF · #899200 · #3A3256

Built around Olive Leaf, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F5E7): a clean, paper-quiet neutral.
• Pistachio (#D3DC93): A whisper-light, balanced green — the color of a quiet forest floor.
• Lavender (#BEACFF): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#899200): A luminous, balanced green — the color of a quiet forest floor.
• Navy (#3A3256): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged light.

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

• Soft Sunflower Parlor color palette (#FAF6DF, #C7D762, #BEB1FF, #9BA751, #563748)
• Faded Study color palette (#FCF4E8, #F3CF8D, #92BCFF, #AD8226, #23385A)
• Powdered Mallow Villa color palette (#F4F7E9, #A2E9A6, #E89AFA, #499D53, #462D4C)
• Hushed Olive Meadow color palette (#DFF9ED, #A7A969, #9A7EBF, #696900, #2E1E41)
• Timeworn Fern color palette (#FAF6DE, #CDE7CC, #C3BFCA, #B5AD75, #4F4C00)
• Antique Lime color palette (#FAF6DC, #AEC861, #58B3F1, #C8748E, #2F2C15)
• Wandering Veranda color palette (#EDFBDF, #41F7C4, #EF6CA7, #009472, #520F32)
• Washed Coast color palette (#FFF2EB, #FFD3B4, #CE8B71, #915956, #36312B)

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