Pine Boulevard color palette — #F1FADA · #A2DAB2 · #54A16C · #017433 · #003C1D
Pine and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F1FADA): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#A2DAB2): A whisper-light, balanced teal — the color of sea glass.
- Fern (#54A16C): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#017433): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#003C1D): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged monochrome.
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
- Gentle Fern Meadow color palette (#FAF7D3, #CCD49E, #82994D, #5D6800, #2B3600)
- Hazy Workshop color palette (#E4FEDE, #95DED4, #19AB97, #006A65, #003A34)
- Muted Emerald Coast color palette (#CFEDE0, #00A66A, #00684F, #002E1C, #000301)
- Sunlit Thicket color palette (#DEFFE6, #9AEFB0, #7CC48D, #549063, #053417)
- Faded Alley color palette (#D5FFFB, #B6FFC3, #74BA82, #2C6D45, #002710)
- Hazy Mint color palette (#BAFFEE, #00CFAA, #008F72, #005748, #00241C)
- Dusty Iris color palette (#F2F7F1, #8FD4C6, #9280D1, #009584, #311D27)
- Cypress Alley color palette (#EEF9ED, #E9B89D, #2B817B, #004D49, #192616)
Browse the whole catalog at Explore, or see today's palette.