Muted Garden color palette — #F0F6FE · #C6AA7A · #39507D · #172C57 · #1A222E

A conversation between Navy and Peacock, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#F0F6FE): bright and airy, almost weightless.
• Camel (#C6AA7A): A luminous, dusty gold — the color of old brass.
• Peacock (#39507D): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#172C57): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#1A222E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Worn Hollow color palette (#F2F5FF, #87BBAB, #514684, #2E2651, #1D212F)
• Muted Cobalt color palette (#EFF6FF, #94D5B6, #5171AA, #2E4266, #1B222C)
• Sand Workshop color palette (#FFF0FD, #F8CE8B, #7894CD, #715B6E, #271E26)
• Ultramarine Ridge color palette (#F0F6FD, #96AFDA, #AB4D4A, #2A5BB3, #2E1E2C)
• Muted Aubergine Terrace color palette (#F0ECFB, #90A566, #63275F, #360F33, #191127)
• Pewter Basin color palette (#F3F5FB, #DDD8DD, #C8BBC2, #7769A4, #454751)
• Timeworn Nightshade Villa color palette (#D9E4FF, #929B1D, #31238C, #160055, #070E24)
• Mulberry Thicket color palette (#E4FBF4, #8E91CF, #924F7E, #005C45, #393A55)

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