Muted Studio color palette — #ECF9F4 · #C0E8DD · #A2BF99 · #7BA3A1 · #37544D

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

The five colors

• Ivory (#ECF9F4): bright and airy, almost weightless.
• Honeydew (#C0E8DD): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A2BF99): A luminous, dusty green — the color of fresh herbs.
• Blue Fog (#7BA3A1): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#37544D): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

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

• Wandering Basalt Balcony color palette (#FBF4EA, #BFE5CE, #92BB8D, #7B8B78, #524600)
• Aged Summit color palette (#F0F5FF, #DBD8E2, #A0C2EF, #B8AEA6, #495267)
• Feathered Pine color palette (#DAF4EE, #79A573, #008741, #00616C, #011501)
• Teal Corridor color palette (#E8F9F9, #9DD5DB, #5BB1A6, #379399, #033D42)
• Washed Teal color palette (#EFF6FF, #A6C9FD, #DCA9DF, #5AC2BE, #354357)
• Antique Courtyard color palette (#F4F2E7, #C9C69A, #708C67, #596925, #32312A)
• Weathered Azure color palette (#ECF7FF, #AAD9FB, #86BFF4, #5F91D2, #3C5373)
• Jade Boulevard color palette (#CFF4EE, #84D698, #00B277, #0089A2, #003917)

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