Pine Boulevard color palette — #F2D4EC · #00784F · #00405E · #400102 · #000706
A conversation between Pine and Espresso, giving this palette its sense of trust and stability.
The five colors
- Thistle (#F2D4EC): A whisper-light, dusty pink — the color of peonies in June.
- Pine (#00784F): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#00405E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Espresso (#400102): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#000706): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Balance. Tagged retro, muted.
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
- Obsidian Navy Cabin color palette (#F8EAE2, #006359, #002A68, #250B00, #000203)
- Olive Study color palette (#FFE5E4, #616C00, #004544, #390030, #000800)
- Onyx Field color palette (#CCEAD2, #00766B, #004456, #470029, #001B1C)
- Lagoon Study color palette (#E7EFD1, #27867B, #2B5373, #413000, #170F00)
- Cellar Study color palette (#CFE4EC, #004E52, #1F1F25, #000F21, #000202)
- Airy Onyx Cabin color palette (#FFEBCC, #009F90, #005E76, #530030, #000505)
- Eclipse Aubergine Harbor color palette (#D0F7F3, #0E7131, #520056, #2C1200, #080200)
- Feathered Emerald Grove color palette (#FAE6DB, #0B9953, #006181, #671700, #001B17)
Browse the whole catalog at Explore, or see today's palette.