Basalt Boulevard color palette — #F7F6E9 · #B2B293 · #5E7D59 · #166668 · #484500

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

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Sage (#B2B293): A luminous, dusty green — the color of fresh herbs.
• Fern (#5E7D59): A full-bodied, dusty green — the color of a quiet forest floor.
• Peacock (#166668): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#484500): A deep, shadowed, balanced 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

• Wandering Summit color palette (#F4F6EF, #BBC5AE, #568E7E, #48705F, #405613)
• Olive Drift color palette (#FCF4E6, #ABA663, #697000, #7D3643, #403C0B)
• Tempered Terrace color palette (#ECF9F3, #CADDAE, #99B68A, #7197A1, #2D4941)
• Worn Moss color palette (#EEF9EE, #A2D1BA, #759D56, #637195, #2E493D)
• Misty Market color palette (#EBEED5, #61A376, #006B4A, #004B5C, #00381B)
• Softworn Garnet Delta color palette (#EDE3D2, #978D4F, #585900, #6A1F2E, #2F2900)
• Hushed Boulevard color palette (#E9E8D4, #4D7847, #00441D, #00282D, #011500)
• Fern Quarry color palette (#F3EFDF, #70824B, #2A5000, #571200, #161E00)

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