Olive Boulevard color palette — #CFF3E1 · #97A96C · #736F00 · #544100 · #0A2300

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

The five colors

• Honeydew (#CFF3E1): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#97A96C): A luminous, balanced green — the color of new leaves after rain.
• Olive (#736F00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#544100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#0A2300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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

• Fern Basin color palette (#DFEFE6, #88954F, #665D00, #463300, #081600)
• Softworn Cocoa Chapel color palette (#E9F6EA, #94B4A0, #8C703D, #6E3F08, #042A1D)
• Weathered Marigold Chapel color palette (#E7F7E9, #C7A251, #644600, #2D1D00, #000B02)
• Softworn Garnet Garden color palette (#EDDBE2, #B29268, #8F541F, #6C2300, #031E0D)
• Timeworn Cabin color palette (#E0FDEE, #B7DE9E, #9C9536, #845400, #00311F)
• Sunlit Pier color palette (#E7F6EC, #C2A631, #007F56, #6C5A00, #000C0C)
• Worn Pine Orchard color palette (#EAEA8E, #87B559, #008736, #004F35, #00221E)
• Bronze Archive color palette (#F5DAE2, #8B6D27, #5F3A00, #3A1700, #070500)

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