Muted Olive color palette — #F8F6E6 · #ABB783 · #AB88C5 · #6C7C12 · #66404D

Olive Leaf and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F6E6): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#ABB783): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#AB88C5): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#6C7C12): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#66404D): A full-bodied, dusty rose — the color of a warm blush.

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

• Dusty Summit color palette (#E7F6F1, #A9BC85, #AE8BCC, #657B33, #2F2E46)
• Bronze Harbor color palette (#FCF4EA, #C9AB7E, #779BC9, #976800, #5C435E)
• Frosted Lilac Field color palette (#F7F6E9, #B8CE8E, #BBA1F1, #7F974F, #634150)
• Softworn Lagoon color palette (#F0F8ED, #79C0B2, #BE83A8, #008576, #674142)
• Aged Pewter Harbor color palette (#F5F7E2, #7DA573, #937CB7, #93598A, #42433C)
• Cocoa Terrace color palette (#FDF3EB, #C7B59C, #9F765F, #7E4E50, #574600)
• Peony Lantern color palette (#F5F8DD, #6DB957, #BE47AD, #236E00, #52004A)
• Washed Fern color palette (#F2F7F1, #DBB7A8, #4E6645, #2B3F24, #1C2924)

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