Quiet Pier color palette — #F8F5EA · #C7C993 · #B8A5E2 · #939200 · #52456C

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

The five colors

• Ivory (#F8F5EA): bright and airy, almost weightless.
• Pistachio (#C7C993): A whisper-light, dusty green — the color of fresh herbs.
• Mauve (#B8A5E2): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#939200): A luminous, balanced green — the color of fresh herbs.
• Charcoal Brown (#52456C): A full-bodied, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Ancient Emerald color palette (#F4F7E9, #A6D2A8, #CAA0D4, #4CA256, #67404A)
• Dusty Amber color palette (#FCF4E7, #D9C191, #81B6EA, #AC862B, #26574C)
• Weathered Alley color palette (#E6FBF2, #E7ED9D, #CDC3FB, #9B9F61, #3F445E)
• Hushed Lilac Field color palette (#F8F6E5, #A6BA80, #A29AE1, #A77EC5, #43433B)
• Wandering Coral color palette (#EDF8F3, #B3B572, #D87785, #767730, #58465A)
• Straw Harbor color palette (#F9F6E5, #D2DD95, #80D6E8, #A6AE7A, #395443)
• Weathered Fern color palette (#F8F5EA, #D2E4D3, #B0B7CA, #B0996D, #505200)
• Ancient Wisteria Terrace color palette (#EBF2DB, #76B98F, #D17ABB, #007F49, #541C48)

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