Olive Alley color palette — #F9F1E1 · #ADAB6E · #67721B · #5A4B00 · #242200

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

The five colors

• Cream (#F9F1E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#ADAB6E): A luminous, balanced green — the color of fresh herbs.
• Olive (#67721B): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#5A4B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#242200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Tempered Summit color palette (#F2F3E4, #97BF9F, #508168, #575A09, #252A14)
• Timeworn Pier color palette (#ECFAEC, #A8A76C, #487918, #6C4900, #3F3D09)
• Pale Moss color palette (#F0E4C7, #9C9A21, #556300, #24490E, #181700)
• Moss Lantern color palette (#E7FBEE, #C1BF79, #828F2F, #79681F, #3F3C10)
• Faded Chapel color palette (#D7E9D7, #00B366, #007F55, #005743, #003127)
• Sunlit Cobalt Lantern color palette (#D5EEC9, #009884, #007AC1, #626700, #001D18)
• Washed Forest Parlor color palette (#E5E4CE, #56874C, #005222, #1E3001, #010B00)
• Hushed Pine color palette (#E2FAD9, #87FBF7, #6BC8D8, #008861, #1B3215)

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