Pine Boulevard color palette — #F1EDDC · #2A7F2E · #004232 · #3D1018 · #001501

Olive takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F1EDDC): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#2A7F2E): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004232): A deep, shadowed, dusty teal — the color of sea glass.
• Espresso (#3D1018): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#001501): 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

• Cellar Pine color palette (#E5E0CA, #1B7B42, #00403B, #3A002C, #000401)
• Tempered Olive color palette (#FBEBCC, #637501, #00450F, #2B2100, #0D1200)
• Lagoon Garden color palette (#D2E7DE, #509562, #006058, #581F48, #001505)
• Weathered Lantern color palette (#EBE4D3, #77993A, #116536, #403D37, #2D2A08)
• Aubergine Delta color palette (#DCE3D5, #486C00, #790088, #203300, #1E0023)
• Aubergine Workshop color palette (#E6F0E1, #2C5A00, #5D0089, #54004F, #030A00)
• Jade Alley color palette (#E5F1DC, #4BBE8E, #00839B, #4A4100, #181D00)
• Dusty Emerald color palette (#EFEDCC, #00AD68, #00695E, #6A2D29, #073720)

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