Muted Olive color palette — #F7F6E7 · #A0BA81 · #D18072 · #5F7E30 · #534B48

Olive Leaf and Coral Clay set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Sage (#A0BA81): A luminous, balanced green — the color of fresh herbs.
• Coral Clay (#D18072): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#5F7E30): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#534B48): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Amber Delta color palette (#F2F7EE, #79C0AA, #BE8F48, #2F836D, #514C46)
• Antique Boulevard color palette (#FEF3E6, #CCAA78, #C47FAC, #95691A, #644344)
• Turquoise Lantern color palette (#FAF5E5, #B5B47B, #00ADBA, #7A7623, #37553E)
• Worn Garden color palette (#F4F3E0, #A0C076, #B18DBC, #637B40, #46262E)
• Muted Mint Delta color palette (#E6FBF5, #B0D285, #C6A2D2, #7E9561, #4D4962)
• Periwinkle Studio color palette (#F3F7ED, #82C198, #619CDF, #40825B, #59455A)
• Dusty Fern color palette (#F4F7EA, #B7E3DC, #8CCEDA, #758E67, #4A5912)
• Emerald Alley color palette (#F3F9E0, #00B14F, #C25F00, #006F2F, #5D2A00)

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