Pine Boulevard color palette — #D1E2E1 · #A47F00 · #007B43 · #003C59 · #000504
Pine and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Silver (#D1E2E1): a clean, paper-quiet neutral.
- Mustard (#A47F00): A luminous, balanced gold — the color of old brass.
- Pine (#007B43): A full-bodied, balanced teal — the color of sea glass.
- Navy (#003C59): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000504): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged candy, vibrant, light, 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
- Linen Amber Canyon color palette (#CDE9DE, #CC6500, #616F00, #00434E, #000401)
- Wandering Veranda color palette (#D3F6F8, #7AA800, #008E67, #006066, #000504)
- Ancient Cypress color palette (#F5E4CE, #4E7047, #00474C, #351B00, #1D0C00)
- Timeworn Nightshade Orchard color palette (#DBEFF2, #659829, #007161, #2500A4, #000608)
- Hushed Lagoon Canyon color palette (#EBE0EA, #3D8E93, #00435A, #00240F, #00081E)
- Eclipse Courtyard color palette (#D3EFD6, #006551, #003C3B, #00191F, #030410)
- Aged Ridge color palette (#C4E8F4, #6FB650, #008E98, #2914E2, #001B28)
- Lime Orchard color palette (#D9FCFF, #AFB718, #00A38D, #0061B2, #002C2F)
Browse the whole catalog at Explore, or see today's palette.