Olive Pier color palette — #F1F0D9 · #5A7E24 · #7D4989 · #5D2D69 · #2A280C

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

The five colors

• Cream (#F1F0D9): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#5A7E24): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#7D4989): A full-bodied, balanced pink — the color of a candy shop window.
• Royal Purple (#5D2D69): A deep, shadowed, balanced pink — the color of a candy shop window.
• Onyx (#2A280C): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Patina Mulberry color palette (#F1F5DD, #49884A, #793477, #6F1004, #4C1810)
• Aged Villa color palette (#F4EFD6, #6B7900, #983F51, #732437, #2C2708)
• Wandering Station color palette (#D2F1EA, #59833B, #585AA9, #761053, #001411)
• Timeworn Olive color palette (#F7F7E0, #6D8D47, #80619D, #7E3F1A, #33332C)
• Mulberry Harbor color palette (#F0F0DB, #719F52, #7777C0, #983671, #292808)
• Denim Pier color palette (#F7EED6, #7B7300, #14669E, #004875, #302501)
• Garnet Canyon color palette (#FFE9E3, #529861, #006480, #6F1E31, #003A30)
• Dusty Denim color palette (#F8F5E9, #97A152, #4C569D, #4E5500, #23111F)

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