Basalt Canyon color palette — #F8F5EA · #D7D8B3 · #8DB898 · #99906A · #474500

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

The five colors

• Ivory (#F8F5EA): bright and airy, almost weightless.
• Wheat (#D7D8B3): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#8DB898): A luminous, dusty teal — the color of sea glass.
• Caramel (#99906A): A luminous, dusty green — the color of a quiet forest floor.
• Deep Olive (#474500): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

Use it as a design system

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

• Worn Ridge color palette (#F9F5EB, #C6C7A5, #669C89, #7C7240, #464600)
• Ancient Ridge color palette (#E8E7D8, #74A675, #00855C, #476000, #001502)
• Teal Terrace color palette (#EEF8F1, #BCEDD4, #55B28F, #5E7F6A, #253E39)
• Ancient Jade Studio color palette (#F8F5EF, #CAE3DA, #81CCD5, #3AAF87, #29513D)
• Worn Emerald color palette (#EAE5D2, #ABC394, #4FA75F, #1F8777, #1D2F05)
• Faded Basin color palette (#E8FBEB, #6DD0D8, #D999E3, #C99D47, #243F29)
• Wandering Pine color palette (#E9F5F0, #A2BD91, #4A845B, #405C51, #152C28)
• Soft Teal Balcony color palette (#E1EFCB, #8CE1CA, #25C5B9, #009DA1, #0D5360)

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