Muted Studio color palette — #F9F4EE · #CAE7E6 · #8AB8D7 · #4B9497 · #604A61

A conversation between Storm Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#CAE7E6): A whisper-light, dusty teal — the color of sea glass.
• Sky (#8AB8D7): A luminous, dusty blue — the color of deep harbor water.
• Storm Blue (#4B9497): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#604A61): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Aged Powder color palette (#F1F7F2, #DADFEB, #9AD4FC, #54A0A3, #3D4F64)
• Cypress Terrace color palette (#FBF4EF, #CBE7E6, #7A9CC4, #2D7E6D, #64495A)
• Washed Basin color palette (#F9F4EE, #C9E9E0, #7DBDC9, #7A8E69, #315343)
• Weathered Powder Drift color palette (#FFF1F7, #B4A7E1, #C8997A, #59A28F, #533A46)
• Cobalt Garden color palette (#E8DDCC, #7BBCD0, #007EAE, #005958, #00203D)
• Muted Alley color palette (#FEF4E4, #BDDFFF, #6C9BEC, #007E9B, #323874)
• Iris Corridor color palette (#FFF0F8, #C1BCF6, #B0B77B, #8983C1, #4F4D46)
• Weathered Ultramarine Harbor color palette (#F7EFE2, #70A9D1, #1864BE, #004856, #070346)

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