Muted Olive color palette — #FBE8F6 · #A98C56 · #59723E · #3D4360 · #402443

A conversation between Olive and Caramel, giving this palette its sense of nature and growth.

The five colors

• Blush (#FBE8F6): A whisper-light, dusty pink — the color of a candy shop window.
• Caramel (#A98C56): A luminous, dusty gold — the color of honey in a jar.
• Olive (#59723E): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#3D4360): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Deep Indigo (#402443): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Muted Olive 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

• Basalt Harbor color palette (#FFE3EA, #A68295, #6D622E, #334572, #3E2753)
• Patina Basin color palette (#EEDED4, #908A57, #3B613E, #342F50, #31183D)
• Washed Basalt Balcony color palette (#F3E0C9, #77A294, #336F55, #5C3155, #432333)
• Patina Coast color palette (#E9E9D1, #849462, #567350, #00494E, #00242E)
• Patina Garden color palette (#D5EBDC, #849459, #23642F, #5A2C43, #003126)
• Basalt Garden color palette (#F6D5ED, #95AC94, #518476, #515573, #5D3B5A)
• Muted Corridor color palette (#D8EBE2, #9DB186, #598D66, #006572, #003C52)
• Worn Taupe Coast color palette (#FDEBE4, #C9AD8A, #8BA160, #7471A2, #4B2A36)

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