Basalt Alley color palette — #F8F6E7 · #B7EFDA · #97A47B · #94696C · #3A3C00

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

The five colors

• Ivory (#F8F6E7): a clean, paper-quiet neutral.
• Mint (#B7EFDA): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#97A47B): A luminous, dusty green — the color of fresh herbs.
• Mocha (#94696C): A full-bodied, dusty red — the color of embers at dusk.
• Deep Olive (#3A3C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Muted Cocoa color palette (#F9F4ED, #C7DFCC, #B7B084, #9B7E77, #574300)
• Wandering Emerald color palette (#FBF5E4, #CDE2A7, #6AA264, #925A4C, #2F2F28)
• Worn Pine Drift color palette (#E9FAF3, #9ABA91, #44825F, #605272, #2A4944)
• Misty Thicket color palette (#FFF2EF, #FFC3AF, #DE8B56, #9B621F, #4E3A11)
• Softworn Cypress Balcony color palette (#F6F7E2, #73B38C, #00705C, #563200, #000B04)
• Tempered Lagoon color palette (#FFF3E5, #E0DCBE, #C99D59, #7B5203, #271700)
• Softworn Olive color palette (#F7EDD8, #7B811F, #294500, #3B0005, #010100)
• Gentle Teal Delta color palette (#FFF3E6, #E5AE75, #39C1B6, #A281C3, #382715)

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