Muted Olive color palette — #C2F0E7 · #367A00 · #006378 · #5F2D00 · #0C2600

Built around Olive, softened by Cocoa — the whole palette hums with nature and growth.

The five colors

• Honeydew (#C2F0E7): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#367A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#006378): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5F2D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#0C2600): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

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

• Powdered Garnet color palette (#C2F1DB, #6F6C00, #006761, #77010B, #222100)
• Worn Denim color palette (#B4F5E1, #007A64, #0057A9, #4B3B00, #00261E)
• Tempered Aubergine Study color palette (#BEF2FF, #007F7A, #005277, #32008B, #152B00)
• Ancient Forest Atelier color palette (#E4FAFB, #B2DCE0, #84AFB7, #006B49, #1D3839)
• Teal Station color palette (#DBF7EC, #00A791, #00716C, #004345, #002C32)
• Navy Study color palette (#D2F1B3, #009277, #005F5F, #152988, #00312B)
• Gentle Aubergine color palette (#CAE7F3, #005C67, #482197, #222E00, #001017)
• Misty Emerald color palette (#D8FAF7, #00AA51, #00625D, #005625, #001614)

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