Olive Alley color palette — #F2F5FF · #9C94D8 · #B2873A · #42802C · #2B314A

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Wisteria (#9C94D8): A luminous, balanced violet — the color of wild irises.
• Mustard (#B2873A): A luminous, balanced gold — the color of honey in a jar.
• Olive (#42802C): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#2B314A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Olive Alley 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 Bronze color palette (#F3F4FF, #9C82CD, #A07308, #00754B, #1A2D3D)
• Worn Lilac color palette (#FFF0F8, #B0A4FF, #C39548, #5E7D49, #2F1F28)
• Antique Lagoon Harbor color palette (#F5F3FF, #C39ACA, #9F9F6B, #258D74, #3E3A4F)
• Misty Amber Courtyard color palette (#EDF7FF, #5CA7DA, #CA7365, #846D00, #1F3547)
• Antique Olive color palette (#E8FBEC, #CBA0CF, #B36F80, #457123, #433753)
• Tempered Studio color palette (#EEF6FF, #4D84C3, #956600, #00605E, #273443)
• Dusty Orchid color palette (#E2E1FF, #AB5CDA, #827B00, #00684B, #2D0D3E)
• Gentle Blush color palette (#F8F2FF, #EB7BC0, #558500, #007673, #451935)

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