Olive Boulevard color palette — #F7F5EE · #C5C393 · #37906F · #767000 · #2C2F29
Built around Olive, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#F7F5EE): a clean, paper-quiet neutral.
- Pistachio (#C5C393): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#37906F): A full-bodied, balanced teal — the color of sea glass.
- Olive (#767000): A full-bodied, balanced green — the color of fresh herbs.
- Onyx (#2C2F29): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged duotone, 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 Bronze color palette (#FAF4EE, #E3B594, #748640, #9D5A1B, #2F2E27)
- Pine Market color palette (#F4F6F0, #BBC5A2, #38899D, #008347, #233229)
- Cerulean Veranda color palette (#F5F1EB, #D9BF94, #0093A4, #8F6A25, #0E1911)
- Antique Cypress Field color palette (#FDF6D2, #A9C7A1, #538D6D, #006D5E, #005051)
- Patina Teal color palette (#F0F7F1, #EACD97, #00B1B4, #AC8534, #1F3137)
- Timeworn Fern Lagoon color palette (#FDF4E5, #96B186, #3F8674, #644C82, #444E00)
- Pine Lantern color palette (#E8EDE0, #008D5D, #004756, #003C26, #000502)
- Hushed Driftwood color palette (#F6F5EF, #D6DBD6, #A2AFB3, #758B56, #545348)
Browse the whole catalog at Explore, or see today's palette.