Muted Loft color palette — #DAF5F6 · #40A27E · #B9545F · #00674A · #552328

Brick and Fern set the tone — five colors that lean into balance.

The five colors

• Frost (#DAF5F6): A whisper-light, dusty teal — the color of sea glass.
• Fern (#40A27E): A luminous, balanced teal — the color of sea glass.
• Brick (#B9545F): A full-bodied, balanced red — the color of embers at dusk.
• Pine (#00674A): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#552328): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Balance. Tagged warm.

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

• Rust Pier color palette (#DCF3FB, #00A1A7, #B75B2A, #006367, #532811)
• Chalky Station color palette (#E0EEDA, #22A793, #B35A80, #006357, #39001E)
• Hazy Violet color palette (#DBF4F4, #47A278, #9163A9, #006744, #462457)
• Peony Archive color palette (#D5F5FB, #46BEAA, #DD6799, #008474, #5B1937)
• Ancient Lantern color palette (#C0EEF8, #008C84, #AB445F, #902F0E, #00323A)
• Soft Brick color palette (#C7F4FA, #007F6D, #AA0118, #004439, #3A0003)
• Softworn Pewter Field color palette (#D7EFE2, #87A077, #6A662D, #5D3C0C, #103738)
• Blush Station color palette (#E6F3E2, #52EFDD, #E96BA1, #00A899, #522337)

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