Muted Basalt color palette — #FFF2EB · #F4D9A7 · #7CB093 · #836590 · #4C3E00

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Peach Cream (#F4D9A7): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#7CB093): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#836590): A full-bodied, dusty pink — the color of neon signs at night.
• Deep Olive (#4C3E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, 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 Abyss color palette (#FFF2EF, #C4EAB5, #65AFBF, #936273, #314800)
• Ancient Iris Corridor color palette (#EAFAED, #D4D4A1, #8BBD91, #7E86C7, #354E46)
• Weathered Sand color palette (#FCF4E7, #E3C98A, #7B9DC3, #7E5E80, #522B33)
• Washed Bloom color palette (#FBF4ED, #C6E0CC, #AFB190, #AC7A43, #574400)
• Antique Pine color palette (#FAF1E2, #B0B073, #52875A, #484D7A, #2F2D18)
• Patina Alley color palette (#FBF3EF, #C1E1EC, #98D0D8, #6B9E8D, #5C4555)
• Washed Bloom color palette (#F7F6E7, #9FB976, #4D5945, #2D2C1E, #120F0A)
• Hazy Lime color palette (#FFF2EC, #C1C92A, #009A93, #7F377C, #0E3009)

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