Olive Alley color palette — #FFF4E0 · #B1A552 · #6D6E00 · #624E0F · #423B0C

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Sage (#B1A552): A luminous, balanced green — the color of new leaves after rain.
• Olive (#6D6E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#624E0F): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#423B0C): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Pine Delta color palette (#F9F6E1, #86B267, #2E7C2E, #495723, #2D411F)
• Softworn Olive color palette (#F8F5ED, #CCC195, #79885C, #666B22, #5B4C00)
• Hushed Moss Dune color palette (#EFE4C9, #8E9327, #4B5D00, #403D37, #322800)
• Timeworn Jade color palette (#FFF3E7, #D8D194, #84B56E, #B47A3F, #423C07)
• Misty Jade color palette (#F0FADD, #00AF6E, #B86800, #006E44, #582F00)
• Cobalt Dune color palette (#B8FCE6, #009578, #007AB2, #686300, #253615)
• Gentle Lantern color palette (#E5F1CA, #00AB80, #006A59, #164F31, #003727)
• Pale Clover color palette (#E6F2E4, #00BA40, #008647, #005E3E, #004245)

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