Quiet Pier color palette — #FFF1F6 · #C5A1FF · #9E7E00 · #0F7B3C · #211136

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#C5A1FF): A luminous, balanced violet — the color of twilight just after sunset.
• Ochre (#9E7E00): A luminous, balanced green — the color of fresh herbs.
• Olive (#0F7B3C): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#211136): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Hazy Bronze color palette (#FFF0FC, #99B3FF, #B96E00, #597200, #2B0F26)
• Ancient Terrace color palette (#FFF1F3, #C67FCE, #899228, #00705B, #250C12)
• Fuchsia Atelier color palette (#FFF1F1, #F183C8, #A67300, #005F4C, #0C1856)
• Quiet Wisteria color palette (#FFF1F4, #C467F7, #927500, #005C4A, #00122B)
• Tempered Moss Courtyard color palette (#FFF1F1, #FF88C6, #52970D, #00767A, #310A20)
• Soft Apricot Summit color palette (#FFF1F6, #C699FF, #F58417, #00A175, #341F4B)
• Wandering Mallow Thicket color palette (#FFF1F1, #E595C3, #81AB79, #008383, #361C1D)
• Chalky Mallow color palette (#FFF4E2, #FF93E7, #C8616A, #006B1F, #42142C)

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