Basalt Canyon color palette — #F8F6E6 · #C7E5CA · #74AB9B · #8D6C71 · #363D00

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

The five colors

• Ivory (#F8F6E6): A whisper-light, dusty green — the color of fresh herbs.
• Celadon Mist (#C7E5CA): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#74AB9B): A luminous, dusty teal — the color of sea glass.
• Mocha (#8D6C71): A full-bodied, dusty red — the color of a theater curtain.
• Deep Olive (#363D00): 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 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

• Washed Loft color palette (#FBF5E3, #B8E9A3, #40A87D, #8F5964, #1C3610)
• Hushed Taupe color palette (#ECF8F6, #ADE1DB, #89B99B, #AD876B, #214A47)
• Washed Pier color palette (#EAF9F3, #85BCB6, #32836F, #5D5473, #2B4946)
• Ancient Chestnut color palette (#F2F3E5, #B0B88F, #498363, #79480D, #262A12)
• Softworn Abyss Study color palette (#F0E8D6, #6D834A, #004922, #37021D, #010100)
• Dusty Veranda color palette (#F5F8DE, #4BB897, #006E6F, #612814, #000A06)
• Apricot Drift color palette (#FFF2F0, #FFC2A6, #DB9754, #936D15, #483D0D)
• Softworn Summit color palette (#FAF4EE, #C6DEED, #A0BAF3, #418F9A, #543347)

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