Basalt Canyon color palette — #F4F6EF · #D1DCD7 · #B0C6C2 · #7BAE85 · #374000

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#D1DCD7): bright and airy, almost weightless.
• Stone (#B0C6C2): A luminous, dusty teal — the color of shallow lagoons.
• Jade (#7BAE85): A luminous, balanced teal — the color of sea glass.
• Deep Olive (#374000): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, 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

• Washed Market color palette (#F4F6F0, #D4DDD7, #A7B1C1, #509C71, #2D3026)
• Hushed Ash Archive color palette (#F0F7F2, #D2DDDD, #B8B5AB, #79AAB6, #4C554E)
• Aged Canyon color palette (#F2F2DB, #B6D1AE, #80B1CA, #A27D67, #683C00)
• Powdered Chapel color palette (#FFEADD, #87CD96, #22A9BB, #A9566C, #003A2D)
• Worn Coast color palette (#E2F0DC, #00B39E, #486A56, #34412E, #0C0E07)
• Muted Market color palette (#ECF4F3, #CBD9E2, #9EBDCA, #337543, #162322)
• Misty Plum color palette (#EEF5E2, #69C899, #9D81D3, #A94D67, #461F00)
• Azure Archive color palette (#E6F2ED, #E3D1D5, #D4B3B2, #399CD4, #1C332C)

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