Olive Pier color palette — #F0F7F4 · #D4DCDF · #B3C2D0 · #6D7D27 · #3D4B46

Olive Leaf and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#D4DCDF): bright and airy, almost weightless.
• Ash (#B3C2D0): A luminous, dusty blue — the color of deep harbor water.
• Olive Leaf (#6D7D27): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#3D4B46): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Dusty Cypress color palette (#ECF8F9, #D2DAE6, #A6BFD9, #007D65, #294548)
• Cypress Basin color palette (#EFF8F1, #8EBAAF, #478166, #695824, #224B42)
• Aged Pine color palette (#D8E8E7, #3C8250, #1C373F, #002523, #051011)
• Weathered Veranda color palette (#FFEDF3, #A3C7B6, #608E91, #895648, #604650)
• Forest Studio color palette (#E6F1F3, #C3CED5, #92A2B8, #00635A, #153338)
• Spruce Market color palette (#E3F1ED, #9AADAE, #5C8696, #284000, #001914)
• Wandering Balcony color palette (#FFEFFF, #A09B58, #007B6C, #72355D, #20453E)
• Muted Canyon color palette (#FFF1F6, #B77842, #007080, #7C2431, #552C00)

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