Olive Pier color palette — #E9FBE9 · #B0C8BF · #AD8993 · #697834 · #435647

Olive and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E9FBE9): A whisper-light, dusty green — the color of fresh herbs.
• Stone (#B0C8BF): A luminous, dusty teal — the color of glacier melt.
• Dusty Rose (#AD8993): A luminous, dusty rose — the color of a warm blush.
• Olive (#697834): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#435647): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Softworn Bronze color palette (#F2F9E2, #C2C8B4, #829C90, #8D6424, #3F5641)
• Antique Meadow color palette (#E9F3FF, #C5CBE1, #9995B4, #5E7360, #30483D)
• Worn Corridor color palette (#FFF0FF, #DEC9D4, #C2A2A8, #A07438, #5C4B00)
• Aged Orchard color palette (#FFF0FD, #C1A8BA, #A37F80, #317378, #624A61)
• Aged Forest color palette (#CBEAE0, #AE97AF, #986D7C, #13674F, #244D3F)
• Wandering Delta color palette (#FDF3ED, #D0BEA3, #918138, #7E5A66, #684500)
• Timeworn Olive color palette (#FFF1F2, #B985A8, #948B49, #7A7C11, #57393B)
• Indigo Balcony color palette (#FFF1F7, #B2A8D3, #81A56E, #7864AB, #4D4E46)

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