Olive Boulevard color palette — #FAF3D8 · #7C8100 · #005C3D · #002A31 · #040100
Olive Leaf and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FAF3D8): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#7C8100): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#005C3D): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002A31): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#040100): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. 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
- Patina Emerald Meadow color palette (#EFF7DB, #00924E, #00595D, #002646, #020200)
- Muted Bronze color palette (#FFF0DF, #AA6900, #475400, #002C21, #060000)
- Lowlit Delta color palette (#E7E0D3, #735D00, #263132, #141300, #020100)
- Patina Moss Market color palette (#E3E2D3, #939800, #5A6A00, #283700, #030A00)
- Shadow Balcony color palette (#E0EFE1, #765000, #004132, #02005D, #0C0003)
- Pine Hollow color palette (#F9F6E3, #8FAE71, #1E7303, #4F3700, #090800)
- Pine Atelier color palette (#E1E6CD, #94B47D, #478159, #004752, #002131)
- Timeworn Clover color palette (#F5F8DF, #3EB700, #007B76, #004467, #181200)
Browse the whole catalog at Explore, or see today's palette.