Muted Basalt color palette — #E9F1EC · #9CAEA5 · #5F8A7A · #433600 · #04190D

A conversation between Espresso and Fern, giving this palette its sense of nature and growth.

The five colors

• Cream (#E9F1EC): bright and airy, almost weightless.
• Ash (#9CAEA5): A luminous, dusty teal — the color of sea glass.
• Fern (#5F8A7A): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#433600): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#04190D): 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 Muted Basalt 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

• Dusty Spruce Terrace color palette (#E4EEEB, #8D9E9B, #4B7B77, #213100, #010C09)
• Muted Market color palette (#D9E4E5, #A4BFC4, #6697A4, #005140, #112324)
• Softworn Cocoa color palette (#E9DDE3, #B8A2AB, #997854, #5D2400, #1E0E17)
• Muted Harbor color palette (#F1E8D9, #BAB59F, #949976, #694E00, #1B1204)
• Forest Balcony color palette (#E8F0F0, #C0D0D0, #87A7AA, #006727, #213130)
• Bronze Lantern color palette (#DDE8DE, #9DB5B8, #7E9CAA, #916A00, #051909)
• Chalky Amber Ridge color palette (#D0F6E5, #AF9100, #727300, #2F5500, #0D1100)
• Timeworn Pine color palette (#E8F3DD, #418247, #005339, #003548, #161739)

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