Olive Pier color palette — #F2F4E2 · #88B17A · #AA75BE · #337710 · #371842

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

The five colors

• Cream (#F2F4E2): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#88B17A): A luminous, balanced green — the color of a quiet forest floor.
• Dusty Rose (#AA75BE): A luminous, balanced pink — the color of peonies in June.
• Olive (#337710): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#371842): A deep, shadowed, balanced pink — the color of peonies in June.

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

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 Basin color palette (#E7FAF7, #78B16B, #B075C8, #2C701A, #4F3858)
• Feathered Peony color palette (#EDF5E5, #72B39C, #C36D9A, #00765C, #40162D)
• Iris Archive color palette (#F7F2E1, #ABA765, #8384D0, #6D6700, #232246)
• Wisteria Summit color palette (#E6FAF6, #9AC68B, #CE8EEE, #4E8B36, #4F375C)
• Misty Moss color palette (#F6F6E9, #BCE1AB, #D9A5E4, #51A013, #472C4D)
• Pale Brick color palette (#F1F5DC, #659D67, #5C7CC6, #AC4440, #1E2101)
• Hazy Plum color palette (#E4ECD6, #28AF77, #A70094, #005B3A, #2B0025)
• Bronze Field color palette (#FDEFE1, #BCA88B, #966B3D, #6C3F27, #2B210A)

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