Muted Olive Harbor color palette — #E2F8ED · #A3B061 · #567800 · #6E3C35 · #1F2400

Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E2F8ED): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A3B061): A luminous, balanced green — the color of fresh herbs.
• Olive (#567800): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#6E3C35): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#1F2400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Muted Olive Harbor 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

• Hushed Balcony color palette (#DCF9F4, #74BB81, #007F50, #664324, #002725)
• Frosted Moss color palette (#CBEFD9, #9D9A00, #556300, #5E3100, #181700)
• Powdered Olive Cabin color palette (#FFF4DD, #A0AA67, #4F7634, #644072, #393F0F)
• Jade Alley color palette (#DFF8F5, #4CC280, #007E5C, #00556A, #002814)
• Airy Villa color palette (#E6FCE8, #B4C477, #529868, #6B5F96, #373F17)
• Stone Alley color palette (#EAF5F0, #BECA9C, #5C8E82, #576655, #24352F)
• Softworn Ember color palette (#FFDDCB, #CE5C00, #757C00, #943B77, #2C0E00)
• Hushed Mustard color palette (#FFEEE5, #E2D8BA, #E3AD49, #A3533B, #442307)

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