Olive Boulevard color palette — #D4F0E2 · #7E7800 · #006336 · #003B3F · #210B00
Olive Leaf and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D4F0E2): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive Leaf (#7E7800): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#006336): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003B3F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#210B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Balance. Tagged 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
- Aged Bronze color palette (#F0DFE5, #A56300, #535800, #003E27, #29000A)
- Tempered Olive color palette (#DAEAE7, #3A7800, #00514A, #002A3F, #0C0700)
- Twilit Courtyard color palette (#D2E7DA, #716000, #1E262E, #252600, #000D05)
- Faded Dune color palette (#E2E3C9, #818F00, #5B7100, #2D4A00, #092900)
- Pine Atelier color palette (#D8F7ED, #70A352, #01751C, #584100, #00201C)
- Weathered Pine Orchard color palette (#CDE7E4, #008D2C, #005F5D, #003751, #10003E)
- Gentle Navy color palette (#DFF0F1, #008A64, #005D6E, #0A1295, #101400)
- Hushed Alley color palette (#EEEFDA, #85A35E, #357F39, #00525B, #003344)
Browse the whole catalog at Explore, or see today's palette.