Pine Boulevard color palette — #DCE1C8 · #00772D · #00578C · #003A61 · #191D00
A conversation between Olive and Peacock, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#DCE1C8): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#00772D): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#00578C): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003A61): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#191D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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
- Timeworn Station color palette (#E2F2E2, #00636C, #004854, #2A0065, #181200)
- Hushed Lagoon color palette (#FFD2C6, #628509, #00585D, #5B0943, #002D15)
- Pale Grove color palette (#F3F0D7, #657B0C, #6A509A, #4C3772, #2C2705)
- Washed Nightshade Quarry color palette (#E9E1CB, #746A00, #28379C, #5C000A, #2D1200)
- Moss Lantern color palette (#EDDFBE, #849F2E, #006948, #003E42, #00253A)
- Ultramarine Chapel color palette (#DBEDE4, #6A6900, #0F4FAD, #560069, #000B05)
- Dusty Coast color palette (#F1EBDC, #9D8718, #005A63, #4D4100, #001205)
- Weathered Aubergine Atelier color palette (#F2D8C6, #9C4500, #00605B, #570A67, #2C1300)
Browse the whole catalog at Explore, or see today's palette.