Olive Alley color palette — #D4E3DD · #707D00 · #005336 · #353D00 · #000201

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

The five colors

• Silver (#D4E3DD): a clean, paper-quiet neutral.
• Olive Leaf (#707D00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#005336): A deep, shadowed, balanced teal — the color of sea glass.
• Deep Olive (#353D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000201): quiet, heavy and certain.

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

• Tempered Pine Pier color palette (#D5EDE3, #1C780A, #004931, #002334, #000501)
• Weathered Bronze color palette (#FAE3EA, #A36400, #494800, #512F00, #000201)
• Washed Alley color palette (#D6E1DE, #98A9A6, #6B8E8B, #344F00, #000C09)
• Ancient Lagoon color palette (#DAF5FA, #009886, #2E5D80, #005147, #000204)
• Pale Moss Drift color palette (#D1E4E2, #77A500, #008F2F, #006A54, #000702)
• Charred Chestnut Loft color palette (#E5F0E8, #6F5800, #002F31, #251C00, #000202)
• Amber Studio color palette (#E9E2D5, #A98500, #007277, #6C5400, #000300)
• Deep Courtyard color palette (#D7E6D6, #643B00, #4C0075, #3B0025, #060000)

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