Olive Boulevard color palette — #FBF1D8 · #A6AF5A · #5C7604 · #554D08 · #202300

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

The five colors

• Cream (#FBF1D8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A6AF5A): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#5C7604): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#554D08): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#202300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Muted Pine color palette (#E7FCEB, #A1AA62, #437939, #674C00, #3A3F00)
• Washed Cypress color palette (#EFF6DA, #6DBB93, #007E62, #4F5001, #1A2501)
• Quiet Moss Parlor color palette (#EFE4C4, #909E3A, #496600, #034C0D, #151800)
• Airy Moss color palette (#E8FBF0, #BAC185, #79913D, #766A00, #3B3E08)
• Pale Quarry color palette (#D1E4D7, #00B377, #008161, #005747, #002C27)
• Muted Cabin color palette (#E9EAD5, #468A50, #00522F, #18310A, #000B01)
• Softworn Terrace color palette (#D4EEC7, #009885, #007AC3, #626700, #001D18)
• Washed Teal color palette (#C5FFFB, #00C7C1, #007C79, #004540, #001716)

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