Olive Boulevard color palette — #FFF0F9 · #BE7252 · #4E6F16 · #00515F · #323456

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Caramel (#BE7252): A luminous, balanced orange — the color of toasted spice.
• Olive (#4E6F16): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#00515F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#323456): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

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 Pine color palette (#FFF1F6, #B8783D, #087647, #1A497C, #502A3D)
• Peony Market color palette (#FAF1FF, #BC6B8C, #825B00, #00563B, #1B3A57)
• Wandering Balcony color palette (#FDECFC, #DF5C66, #00756A, #1C4369, #031F3A)
• Bronze Pier color palette (#FFE2ED, #D8A25E, #977000, #615400, #254F40)
• Feathered Navy color palette (#FFDDE9, #9D5D00, #005A3D, #002A7A, #480023)
• Blush Alley color palette (#FFF2EE, #EF7C88, #34927D, #3F6087, #1E3959)
• Patina Studio color palette (#EEF8EF, #B7B184, #6D7C2A, #67506A, #30493C)
• Frosted Aubergine Thicket color palette (#E4F7F0, #6D8108, #005F6D, #4C1D73, #4C1908)

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