Olive Pier color palette — #F8F2DF · #ABA75F · #9081C6 · #6D6700 · #2A1C4C

Olive and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F2DF): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#ABA75F): A luminous, balanced green — the color of fresh herbs.
• Slate Blue (#9081C6): A luminous, balanced violet — the color of a velvet chair.
• Olive (#6D6700): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#2A1C4C): A deep, shadowed, balanced violet — the color of wild irises.

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

• Pine Orchard color palette (#F2F4E2, #88B180, #A978B5, #287812, #351B3B)
• Muted Chestnut color palette (#FBF0E4, #C49B70, #359ABC, #8E5600, #002C3A)
• Misty Atelier color palette (#E9FAF3, #B5C069, #91A6FF, #778100, #34425F)
• Tempered Olive Pier color palette (#FAF5E2, #A0A655, #009BAE, #666C00, #084B55)
• Airy Byzantium Delta color palette (#F3F4DE, #729B5C, #4C83BA, #9246A0, #202005)
• Cocoa Basin color palette (#F8F2E0, #B0AD87, #7B7741, #654604, #21250A)
• Raspberry Pier color palette (#E9F8DA, #2BC297, #B335AA, #006C51, #3B0038)
• Pale Raspberry color palette (#DCEFDB, #3DA3A0, #B9518C, #006260, #370323)

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