Muted Loft color palette — #FBEBE1 · #7BBCD3 · #186DA7 · #00504B · #1B2B56

A conversation between Peacock and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#FBEBE1): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#7BBCD3): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#186DA7): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#1B2B56): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Aged Delta color palette (#F9EBE4, #9BBB9A, #00758A, #005332, #00324B)
• Antique Coast color palette (#DFECEB, #89BCCF, #00759C, #004A53, #001828)
• Tempered Cobalt color palette (#FEF3EA, #A6D0BF, #547AAC, #005F62, #32365E)
• Weathered Ultramarine color palette (#F7ECE2, #7CA3C5, #2D4EAE, #003D44, #1F1348)
• Muted Summit color palette (#F1E4DE, #3D9FAB, #00516B, #003124, #00142A)
• Feathered Periwinkle Pier color palette (#F5EBF1, #9BDFF7, #37ACFE, #009288, #1E2C4E)
• Weathered Cerulean Coast color palette (#FBF3EF, #CBE4CB, #3F97AD, #357051, #275144)
• Weathered Teal Bloom color palette (#A7F7EB, #00ACA0, #006556, #00342C, #001E1A)

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