Olive Alley color palette — #F1EFE1 · #648100 · #004F58 · #2F3F00 · #000203

A conversation between Olive Leaf and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F1EFE1): a clean, paper-quiet neutral.
• Olive Leaf (#648100): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004F58): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Olive (#2F3F00): A deep, shadowed, balanced green — the color of fresh herbs.
• Black (#000203): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Soft Pine color palette (#E8EEDB, #008B4D, #00428C, #004423, #000207)
• Muted Bronze color palette (#E7DCD0, #9E6800, #005149, #4E3100, #000202)
• Pine Station color palette (#FFDFCD, #007836, #00464E, #410017, #000503)
• Eclipse Coast color palette (#DFF3F0, #236C27, #00353B, #012503, #000202)
• Powdered Ultramarine color palette (#E2EEE0, #009791, #3434C8, #00504D, #050004)
• Washed Forest Veranda color palette (#E7EAE0, #9CA997, #778C7D, #005427, #080B00)
• Ultramarine Workshop color palette (#DFE7D6, #10AB82, #005FB6, #006248, #00030D)
• Velvet Aubergine Bloom color palette (#E9EFDE, #006A3F, #480087, #39000D, #040100)

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