Muted Olive color palette — #F8F5E9 · #B0B675 · #9390D2 · #737920 · #614254

Olive Leaf and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F5E9): bright and airy, almost weightless.
• Sage (#B0B675): A luminous, balanced green — the color of a quiet forest floor.
• Lavender Blue (#9390D2): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#737920): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#614254): A full-bodied, dusty pink — the color of a candy shop window.

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

• Weathered Wisteria Balcony color palette (#F4F7EA, #93BD93, #C17EB9, #4A824D, #644247)
• Weathered Mustard color palette (#F6F3DE, #ACBD6A, #9893D3, #6D783E, #432637)
• Antique Alley color palette (#E6FBF2, #C6CB7D, #B5A6E5, #8E9153, #464B68)
• Dusty Bronze Harbor color palette (#FEF3E8, #D0A780, #5E9FD6, #9C6424, #34554C)
• Timeworn Cerulean Market color palette (#F9F6DF, #90A15C, #4192C5, #A25E74, #44433B)
• Chestnut Atelier color palette (#FFF2EB, #CBB39F, #A9705B, #8A4930, #643E00)
• Timeworn Moss color palette (#F8F7DC, #B9D19F, #749045, #495B22, #3B3B34)
• Orchid Loft color palette (#F6F8DD, #74B947, #AA44E1, #2D5C00, #4A2A5D)

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