Muted Basalt color palette — #FCF2F5 · #A9CAB0 · #775733 · #4F3109 · #36262B

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

The five colors

• Ivory (#FCF2F5): a clean, paper-quiet neutral.
• Pistachio (#A9CAB0): A luminous, dusty teal — the color of sea glass.
• Coffee (#775733): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#4F3109): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#36262B): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Patina Chestnut color palette (#FBF2FA, #ABC9B1, #834C4C, #472F45, #301F24)
• Weathered Fern Delta color palette (#EFF7F4, #AACAB0, #5B6337, #164134, #1C292A)
• Muted Canyon color palette (#FBF4EC, #DFD19E, #A3713F, #6E4100, #312A23)
• Softworn Bronze color palette (#F1F7F2, #D3BD94, #30906F, #8C6600, #183334)
• Midnight Chestnut color palette (#D4EAD6, #785900, #2A2532, #1D1200, #040200)
• Tempered Marigold Coast color palette (#EBF9EF, #C49B3D, #594600, #302500, #032110)
• Tempered Denim Lantern color palette (#ECF9EE, #A9AC79, #53845F, #505190, #334E47)
• Wandering Amber color palette (#D1E3D9, #A98739, #3D3600, #1A1600, #000909)

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