Basalt Workshop color palette — #DFE7E1 · #9EADA9 · #5C888B · #433600 · #07180E

Espresso and Storm Blue set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#DFE7E1): a clean, paper-quiet neutral.
• Ash (#9EADA9): soft and architectural.
• Storm Blue (#5C888B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Espresso (#433600): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#07180E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Basalt Workshop 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 Spruce color palette (#D7E1DE, #8D9D9E, #507785, #223100, #000D09)
• Fern Summit color palette (#E1ECE5, #A2BBB2, #6CA199, #5F5300, #0A1710)
• Hushed Villa color palette (#E4E1DA, #A4A18C, #7D813A, #3F3600, #070400)
• Aged Quarry color palette (#E8F0F0, #C2CFD2, #8FA4B0, #00672B, #1B3331)
• Worn Spruce color palette (#F2D6DF, #736D32, #174300, #341B00, #121000)
• Lagoon Corridor color palette (#EFF7F8, #D7DBE2, #BEBECD, #128678, #3F4A4C)
• Patina Onyx Delta color palette (#FDE8DA, #6E7538, #00534A, #4B1025, #2F0500)
• Ember Garden color palette (#D0F6E5, #E76901, #787400, #005858, #020C00)

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