Olive Boulevard color palette — #F4F6EE · #F9D7B5 · #81AB87 · #69742E · #2A2D22

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

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Peach Cream (#F9D7B5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#81AB87): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#69742E): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2A2D22): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Softworn Turquoise Pier color palette (#ECF9F1, #FFC6B3, #41A3BC, #466D57, #17251D)
• Worn Grove color palette (#EBF8F6, #D8D4A0, #668953, #2B564F, #242E2C)
• Timeworn Parlor color palette (#F6F6EA, #B7EDD1, #798E68, #4C4900, #1C1C14)
• Worn Periwinkle Garden color palette (#F1F7EE, #75D2BB, #97A1EC, #B77668, #31332C)
• Stone Balcony color palette (#F3F6F0, #D3DDDA, #8AC3B1, #B2B1BE, #50544E)
• Hushed Apricot color palette (#D5E3D1, #F9A061, #008C81, #00554E, #050E03)
• Weathered Amber Station color palette (#E6EFD9, #C26F00, #005738, #001B0E, #010200)
• Hushed Ember color palette (#D9EFE4, #E86A4E, #006180, #002D3D, #000201)

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