Basalt Boulevard color palette — #F6F3DF · #8CAA84 · #3A7252 · #514700 · #1D1E00

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

The five colors

• Cream (#F6F3DF): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#8CAA84): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#3A7252): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#514700): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#1D1E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Basalt 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

• Weathered Fern color palette (#F2F3E9, #ABBA91, #4B8175, #565A0A, #222B11)
• Pine Field color palette (#F5F3D9, #80B884, #187D5A, #005859, #07280C)
• Cypress Study color palette (#E8FAF0, #74A69E, #00745F, #544C0A, #0D3E38)
• Antique Forest Parlor color palette (#E9EBD9, #609D79, #006452, #004148, #0F1500)
• Linen Moss color palette (#F0E3CB, #969D22, #406900, #004B32, #161800)
• Hushed Parlor color palette (#F5F2E8, #C7C5A9, #838942, #596650, #32312A)
• Softworn Pine color palette (#EAE9D2, #498958, #00503B, #1D3003, #000B02)
• Misty Station color palette (#D8F7DF, #008C9A, #945194, #725700, #011A09)

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