Weathered Loft color palette — #FCF3ED · #B8E9D3 · #678DB8 · #057170 · #583E51

Teal and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Mint (#B8E9D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#678DB8): A luminous, dusty blue — the color of open sky before noon.
• Teal (#057170): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#583E51): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Weathered 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

• Softworn Lagoon color palette (#F7F0EB, #C9E4D7, #708FBC, #236C60, #3C2232)
• Washed Cobalt Orchard color palette (#FAF4ED, #9FD1C3, #5A75BA, #005E69, #393559)
• Antique Pier color palette (#FCF3EF, #C7EDE5, #6EA2B6, #5E7939, #365149)
• Wandering Courtyard color palette (#FCF2F7, #D4DEF8, #84A7D8, #318B7D, #3C4667)
• Cerulean Canyon color palette (#F8E4DA, #2F8EA1, #00425E, #00231C, #00081D)
• Teal Study color palette (#EADCD5, #42B1B4, #006177, #004029, #002237)
• Quiet Study color palette (#FFF2EB, #42CFCC, #007B8F, #005933, #003751)
• Worn Balcony color palette (#FFF0F8, #F5D2DB, #EFACAC, #876A89, #5F474E)

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