Olive Boulevard color palette — #DFE2C2 · #677900 · #3A4F00 · #1A3200 · #011000

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

The five colors

• Celadon Mist (#DFE2C2): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#677900): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#3A4F00): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#1A3200): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#011000): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance. Tagged warm.

Use it as a design system

One click turns Olive Boulevard 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

• Olive Coast color palette (#E2F6D5, #268802, #005C20, #002D14, #000D06)
• Terracotta Study color palette (#D3E4DF, #547600, #A51000, #2B4000, #130000)
• Softworn Bronze Coast color palette (#F0E0D1, #915F00, #654600, #372700, #110B00)
• Worn Clover Archive color palette (#D5E5CC, #53B848, #008F3E, #006538, #003522)
• Forest Corridor color palette (#D9F6E0, #006A36, #005669, #4E3A00, #000301)
• Gentle Fern color palette (#D7F1EE, #54BD91, #009988, #225700, #000E06)
• Lagoon Atelier color palette (#D7F8F0, #009085, #005E5B, #003638, #001417)
• Washed Moss Bloom color palette (#E8F1D8, #92CB3B, #47A600, #0C7718, #004920)

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