Muted Olive color palette — #FFDCE2 · #D2A06E · #658E46 · #5C4E83 · #543654

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

The five colors

• Shell Pink (#FFDCE2): A whisper-light, dusty red — the color of late-summer berries.
• Camel (#D2A06E): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#658E46): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#5C4E83): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#543654): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Creativity, Balance. 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

• Pine Quarry color palette (#F9DBF5, #98B29A, #5A8956, #6C4865, #4E3C4B)
• Ancient Alley color palette (#FFD9BE, #BCA86D, #708B4C, #205472, #3F2036)
• Worn Coast color palette (#FFDEE1, #AA8766, #5C6E40, #603B63, #3B3353)
• Washed Balcony color palette (#FFF3E8, #D7BE7A, #8BA05B, #4E7894, #414F6D)
• Weathered Ridge color palette (#DDDFFF, #D29BA7, #A6772B, #4E5C84, #36446E)
• Aged Pine Parlor color palette (#E7FBEC, #94AE66, #007D50, #643F75, #164339)
• Iris Boulevard color palette (#FFEEE8, #E5C7A6, #A9B782, #8B86BB, #604463)
• Hushed Driftwood color palette (#F4DAD0, #9B8733, #1E6742, #5A1F4C, #43121E)

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