Olive Boulevard color palette — #F9F5EA · #B6B18A · #57804B · #3B6357 · #4C4300
Built around Fern, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F5EA): a clean, paper-quiet neutral.
- Sage (#B6B18A): A luminous, dusty green — the color of fresh herbs.
- Fern (#57804B): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#3B6357): A full-bodied, dusty teal — the color of glacier melt.
- Deep Olive (#4C4300): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Lagoon Boulevard color palette (#F6F6EB, #AAB58B, #1E866B, #6B5064, #3D4900)
- Weathered Station color palette (#FBF5E5, #97A074, #427128, #653D48, #37362F)
- Dusty Veranda color palette (#FFF1F5, #CBC794, #7B9A70, #726D8B, #35473E)
- Softworn Taupe color palette (#E9FAF3, #ADE2D5, #96B78E, #6F98A3, #294A42)
- Hushed Cabin color palette (#F8F5EF, #CAE5CC, #229AAF, #1F715D, #2B5141)
- Softworn Fern Coast color palette (#EEE3D2, #93903A, #475F00, #48325C, #322807)
- Misty Moss color palette (#FFF1F4, #BB8CC2, #62A446, #823F8D, #314A27)
- Washed Emerald Corridor color palette (#F0EDCF, #52A84F, #006C47, #213F7E, #0C380C)
Browse the whole catalog at Explore, or see today's palette.