Muted Olive color palette — #EDF8F4 · #8EBAAE · #548142 · #3F6256 · #2B4942

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

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Sage (#8EBAAE): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#548142): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#3F6256): A full-bodied, dusty teal — the color of sea glass.
• Forest (#2B4942): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Tempered Delta color palette (#EEF7F6, #9DCBCA, #5A8D7B, #476E6B, #3D5251)
• Patina Pine color palette (#E5FBF5, #85A57E, #2C7340, #1D5743, #1B3C38)
• Pale Dune color palette (#B8F1F4, #57BB9E, #008E7D, #006861, #1B515F)
• Worn Lagoon color palette (#E7F9FF, #68C5CB, #00888F, #004C4F, #003436)
• Iris Dune color palette (#E8F8FD, #42B3B4, #8F76D7, #007476, #443C61)
• Softworn Dune color palette (#FCF4E5, #B9CD9C, #669E75, #8A6D26, #4A4400)
• Indigo Courtyard color palette (#E7F9FF, #009BA5, #5672D7, #427929, #1B3D48)
• Washed Basin color palette (#CDEAE5, #3D8D53, #005234, #00372E, #00201E)

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