Muted Shell color palette — #E7FBEE · #8CE4FB · #FDB1A1 · #69B5C9 · #534B48

Melon and Ice Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E7FBEE): A whisper-light, dusty teal — the color of sea glass.
• Ice Blue (#8CE4FB): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Melon (#FDB1A1): A whisper-light, balanced orange — the color of autumn markets.
• Cyan (#69B5C9): A luminous, balanced blue — the color of open sky before noon.
• Charcoal Brown (#534B48): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

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

• Weathered Workshop color palette (#E7FAF5, #B3D9FF, #E8BF87, #84ADD4, #6A4400)
• Worn Chapel color palette (#F1F8E9, #95E9C9, #F5AFCC, #6BBB9D, #624442)
• Aqua Villa color palette (#EBF9F1, #6CD3F9, #E29C94, #4F97B1, #534B48)
• Timeworn Azure color palette (#DBFFF1, #83CFFF, #FFAD5B, #0097D8, #573000)
• Tempered Boulevard color palette (#E4FCF0, #DDD7E1, #A8C1A9, #AA9C96, #40524C)
• Hushed Sand Hollow color palette (#FBF2FA, #F3DBAA, #86A0C6, #7B647A, #312831)
• Cocoa Harbor color palette (#FFF3E5, #EBD8A6, #CCB190, #A28E7C, #594500)
• Washed Hollow color palette (#E2EE8C, #FFCECF, #B4D8FF, #766977, #343035)

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