Olive Boulevard color palette — #F6F6EC · #D7E3CD · #A6C8AE · #568800 · #33332C

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

The five colors

• Ivory (#F6F6EC): a clean, paper-quiet neutral.
• Celadon Mist (#D7E3CD): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#A6C8AE): A luminous, dusty teal — the color of sea glass.
• Olive Leaf (#568800): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#33332C): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Dusty Drift color palette (#F5F7E7, #CEDED1, #ABC9B6, #61AE58, #33342D)
• Washed Basin color palette (#EBF0E8, #CEDBD2, #9EC0B7, #00856D, #293024)
• Bronze Delta color palette (#FBF4EA, #E2DFCB, #9CCBAE, #9A6F00, #36322C)
• Softworn Atelier color palette (#EAF9F6, #CAE3F0, #AECDE9, #54911E, #002C26)
• Softworn Studio color palette (#EBF8F6, #AEDDDC, #87AFB4, #296C00, #1D3934)
• Mint Canyon color palette (#F7EACA, #86BC76, #008C71, #675C00, #1A3611)
• Antique Pine color palette (#E3EFD2, #008D60, #004048, #002114, #090800)
• Hushed Grove color palette (#EAF2EA, #B2CBC0, #BB98B3, #006F6E, #182218)

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