Muted Basalt color palette — #F7F1E5 · #D1E3CD · #A1D0BD · #AB8B67 · #443E00

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

The five colors

• Cream (#F7F1E5): a clean, paper-quiet neutral.
• Celadon Mist (#D1E3CD): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#A1D0BD): A luminous, dusty teal — the color of sea glass.
• Caramel (#AB8B67): A luminous, dusty gold — the color of old brass.
• Deep Olive (#443E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, 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

• Hushed Bronze color palette (#FDEFE2, #BEE2C9, #B1B5C6, #B27150, #403C36)
• Driftwood Harbor color palette (#FAF6E1, #C3F5DA, #D3D8B6, #9C823C, #5C5200)
• Hushed Chestnut color palette (#F6F1E8, #C3BC95, #8D8353, #794D09, #2C2D1F)
• Powder Quarry color palette (#E8FAEF, #C0E9EF, #A7CEEC, #B3919E, #43534D)
• Antique Powder color palette (#EBF6E0, #BFEBFF, #ACD3FF, #758D63, #2E3A2B)
• Muted Market color palette (#F7F5CA, #ABF7C8, #00CDDB, #977100, #262B05)
• Weathered Emerald color palette (#EBE2C3, #55A25B, #007A76, #422C00, #040300)
• Wandering Pier color palette (#F1F3EB, #E2BB95, #3D6E49, #30322B, #13150D)

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