Muted Garden color palette — #D2F7F4 · #23C8F7 · #0088E4 · #3E3DE6 · #442C78

A conversation between Iris and Azure, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D2F7F4): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#23C8F7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#0088E4): A luminous, vivid blue — the color of deep harbor water.
• Iris (#3E3DE6): A full-bodied, vivid violet — the color of twilight just after sunset.
• Royal Purple (#442C78): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.

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

• Hazy Thicket color palette (#D4F4FF, #3DC1FE, #4B79FF, #6930CD, #512469)
• Dusty Ultramarine Market color palette (#DAEEEA, #00CCDD, #009CCD, #0063C1, #2D3677)
• Nightshade Veranda color palette (#C5EFF7, #26AADD, #1173EB, #3D29BC, #391355)
• Pale Ultramarine Dune color palette (#F0F5FF, #A8C4FF, #527FF4, #2C39CF, #1B1172)
• Pale Periwinkle color palette (#D3FFFE, #99DFFF, #3B99FE, #4950B5, #391F5A)
• Sunlit Lapis Field color palette (#D5EFFF, #4187E1, #5A41D4, #4E008B, #39003A)
• Byzantium Ridge color palette (#C6F3E2, #A0BBF3, #8D83D6, #87499E, #613957)
• Pale Cobalt Harbor color palette (#DFFDF5, #8CC5FF, #C78F00, #006AB8, #4E3600)

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