Pine Boulevard color palette — #E3FBF6 · #87AF88 · #117D4A · #5F5000 · #1E4422
A conversation between Pine and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E3FBF6): A whisper-light, dusty teal — the color of sea glass.
- Sage (#87AF88): A luminous, dusty green — the color of fresh herbs.
- Pine (#117D4A): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#5F5000): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#1E4422): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Aged Corridor color palette (#E9FAEF, #A19D70, #62690F, #584A18, #1B3D2E)
- Mint Hollow color palette (#DDFFE8, #5FC58B, #007A4A, #004B28, #00311C)
- Forest Balcony color palette (#D6E9E7, #65997A, #00644A, #424000, #00321B)
- Worn Cypress color palette (#DEF9F1, #77B98F, #007C6F, #713A36, #002813)
- Worn Archive color palette (#DCE6C8, #88B951, #308D00, #016115, #004A1F)
- Antique Lagoon Parlor color palette (#F8F6E2, #8ECBA3, #009C8A, #945551, #393C35)
- Antique Lagoon color palette (#ECF8F7, #ABC7C7, #548C8F, #476E6B, #385353)
- Emerald Lantern color palette (#C8F6F0, #249934, #008192, #7F5800, #033C0C)
Browse the whole catalog at Explore, or see today's palette.