Muted Olive color palette — #DAE9DC · #A7AA6F · #557F43 · #6F4661 · #083123

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

The five colors

• Honeydew (#DAE9DC): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A7AA6F): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#557F43): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#6F4661): A full-bodied, dusty pink — the color of a candy shop window.
• Deep Forest (#083123): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Lagoon Field color palette (#E8FBEE, #ADBC88, #5A8F61, #6E5A7C, #193D33)
• Ancient Cypress color palette (#D1EBE4, #7DB394, #008379, #79443D, #003030)
• Weathered Ridge color palette (#FDF4E8, #BFC079, #52872E, #69425D, #1A1A00)
• Muted Forest color palette (#DDF3E7, #7F9D68, #007347, #643442, #0F2000)
• Frosted Moss Field color palette (#D6EBDC, #C4BC7E, #939800, #9A6848, #103021)
• Dusty Fern Villa color palette (#ECE3D6, #978D55, #595800, #642B00, #302900)
• Timeworn Mustard color palette (#E9EEAC, #A9AE41, #797B00, #474900, #171600)
• Misty Amber Cabin color palette (#F3DBCD, #DD8D00, #8E7100, #5D5700, #1D3300)

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