Pine Boulevard color palette — #FFEFDA · #A3B062 · #00813C · #68395E · #272000

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEFDA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A3B062): A luminous, balanced green — the color of fresh herbs.
• Olive (#00813C): A full-bodied, balanced teal — the color of glacier melt.
• Mulberry (#68395E): A full-bodied, balanced pink — the color of a candy shop window.
• Onyx (#272000): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, 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

• Antique Olive Terrace color palette (#F9F0E8, #C0B28C, #59824A, #6E475A, #2E2712)
• Linen Moss Lagoon color palette (#F6E2C6, #8CA00C, #006E37, #4C2871, #141800)
• Cypress Terrace color palette (#F8F2E1, #8AB584, #007D68, #005277, #212300)
• Chalky Emerald color palette (#E3FDE8, #AAC95C, #00A061, #6C6287, #344016)
• Gentle Archive color palette (#FFEDEB, #E5679A, #589700, #A6005C, #132700)
• Gentle Emerald color palette (#E9FAF3, #BCE8A5, #00AE5C, #4D6D95, #093630)
• Muted Pine color palette (#F1EAD1, #3F8B4E, #004F46, #50091E, #070900)
• Fern Lantern color palette (#EAE3D0, #31662A, #003228, #260029, #010100)

Browse the whole catalog at Explore, or see today's palette.