Muted Loft color palette — #E5DDD1 · #8BB6DD · #216AEB · #00566B · #171943

Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#E5DDD1): bright and airy, almost weightless.
• Sky (#8BB6DD): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#216AEB): A full-bodied, vivid violet — the color of twilight just after sunset.
• Peacock (#00566B): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#171943): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Powdered Cobalt Grove color palette (#F7EEE0, #7DBBD7, #007BBD, #00585E, #031D44)
• Powdered Cobalt color palette (#EAF9F8, #A2D1FD, #2E7AD5, #004D6B, #000433)
• Tempered Corridor color palette (#ECDCE1, #98C5ED, #6A8DEA, #007B89, #201249)
• Quiet Study color palette (#EBDCCD, #5AA6E0, #3E4CA7, #003E3F, #271141)
• Chalky Cerulean color palette (#FEF4E4, #89D8F0, #0098D1, #007271, #00345D)
• Hazy Crimson color palette (#FFEAE4, #D70B43, #357C00, #0053B2, #270307)
• Powder Studio color palette (#F8F5EF, #C8E9EA, #7CB8EA, #4F929A, #5D4C5C)
• Tempered Lantern color palette (#FFEAE5, #E1436B, #00877D, #9B003C, #00201D)

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