Muted Olive color palette — #FFF2EF · #AE6B76 · #627B3D · #005D70 · #472A23

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Mocha (#AE6B76): A luminous, balanced red — the color of late-summer berries.
• Olive (#627B3D): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005D70): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#472A23): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Denim Bloom color palette (#FFF3E8, #A8744A, #308357, #115492, #37322D)
• Worn Bronze Summit color palette (#FFF1F5, #9072A9, #8F6A0F, #006151, #452933)
• Softworn Navy color palette (#FFF1F1, #B56F91, #516F1F, #25418F, #512743)
• Tempered Bronze color palette (#FFF2E9, #A15C2F, #4B6211, #004C60, #3B1F1F)
• Dusty Orchard color palette (#FCEDF4, #BC713F, #568431, #00614C, #24141C)
• Softworn Nightshade Coast color palette (#FFF3E9, #B55900, #00776F, #3A21BD, #471F00)
• Hazy Veranda color palette (#F7EDDB, #886D00, #006E76, #493086, #312409)
• Bronze Hollow color palette (#FBF3F1, #DCDAD3, #C0C1B0, #9E615C, #4F4541)

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