Pine Boulevard color palette — #F1F1D3 · #178834 · #00534D · #002832 · #000313
Built around Olive Leaf, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Custard (#F1F1D3): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#178834): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#00534D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#002832): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000313): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Calm, Balance. Tagged muted, cool.
Use it as a design system
One click turns Pine 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 Meadow color palette (#CEE7CA, #00847A, #004F61, #002345, #040019)
- Softworn Ridge color palette (#FFE8EC, #007924, #004456, #410018, #000503)
- Velvet Atelier color palette (#CEE9D5, #006C52, #003834, #001417, #000306)
- Aged Fern color palette (#F6DEC4, #816D00, #225800, #00281D, #000405)
- Timeworn Pine color palette (#F0EAD3, #41835F, #1F5467, #4A2F00, #1C1100)
- Nightshade Pier color palette (#E9E5CB, #506000, #2E1E8A, #2F1000, #050100)
- Patina Forest color palette (#DFE2D5, #9EA89C, #708E7F, #005423, #080B00)
- Misty Corridor color palette (#E5F2D9, #949200, #008B6A, #0054AE, #000203)
Browse the whole catalog at Explore, or see today's palette.