Quiet Pier color palette — #E1F8F0 · #688301 · #006252 · #6B180D · #392800

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

The five colors

• Cream (#E1F8F0): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#688301): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006252): A full-bodied, balanced teal — the color of glacier melt.
• Oxblood (#6B180D): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#392800): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, 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

• Tempered Olive color palette (#E0F8F3, #558734, #006257, #004157, #3C2700)
• Tempered Basin color palette (#E8FAEF, #9F9E6A, #5F6A1D, #554B21, #1D3D2F)
• Ancient Aubergine color palette (#FCEFE3, #C18751, #00837B, #69308C, #422200)
• Soft Bloom color palette (#C8F1F5, #008167, #005469, #1F0098, #1D2900)
• Faded Coast color palette (#D9F4DA, #5BB37A, #008253, #005D43, #00473A)
• Pale Lagoon Canyon color palette (#E9F9FB, #209E86, #006E8A, #324282, #492953)
• Olive Coast color palette (#DBF3EE, #3D7300, #002D2A, #001814, #000506)
• Quiet Grove color palette (#E2FCF4, #C9C74F, #91B351, #028E43, #173608)

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