Muted Olive color palette — #EFF8F2 · #CDDDE1 · #9FC4C9 · #796B00 · #35443B

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

The five colors

• Ivory (#EFF8F2): bright and airy, almost weightless.
• Silver (#CDDDE1): bright and airy, almost weightless.
• Ash (#9FC4C9): A luminous, dusty blue — the color of deep harbor water.
• Olive (#796B00): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#35443B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Softworn Field color palette (#FFF1F7, #CFE6E2, #A6C4BC, #A35000, #4C3A42)
• Dusty Olive Veranda color palette (#F4F2E9, #D0DBCB, #BDC2AB, #726F00, #2A2515)
• Washed Terrace color palette (#E6F2EC, #C0D0CE, #87A7AE, #58590A, #23322B)
• Muted Lagoon color palette (#EEF7F8, #D6DBE1, #B4A8AE, #568F82, #485557)
• Mustard Villa color palette (#F9F5EA, #D2DFD0, #9BB9C6, #B8A622, #503D00)
• Timeworn Pine color palette (#ECF9EB, #A6A867, #407940, #684A21, #3D3D07)
• Softworn Basin color palette (#DCEFEE, #97AEB4, #668398, #004324, #001818)
• Lowlit Veranda color palette (#D2F7EE, #427900, #00332C, #001E19, #000A09)

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