Weathered Loft color palette — #FBF3F5 · #DBDDED · #8E96C5 · #2F7B80 · #4F5066

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

The five colors

• Ivory (#FBF3F5): a clean, paper-quiet neutral.
• Silver (#DBDDED): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#8E96C5): A luminous, dusty violet — the color of wild irises.
• Teal (#2F7B80): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#4F5066): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Cerulean Dune color palette (#F0F7F1, #DCDDEC, #9BB3D6, #5B8FA2, #495269)
• Timeworn Ash color palette (#F6F1EA, #C0EBF1, #859CCB, #4F7462, #41303B)
• Olive Parlor color palette (#ECF9F5, #A3B983, #B385BE, #617E30, #4D4865)
• Weathered Onyx color palette (#E8DEE6, #4C9DA6, #00506F, #00321A, #000F3A)
• Washed Cobalt color palette (#F8EAF2, #8EB8D0, #006ABA, #005142, #272950)
• Cobalt Lantern color palette (#FBF2F9, #8DDDEB, #0088C5, #006A48, #2C3D6B)
• Muted Hollow color palette (#FAF4ED, #C6DFF0, #DCBAD5, #85AD92, #654957)
• Tempered Driftwood color palette (#FFF1F7, #A0C2A8, #A17554, #6C5569, #394D45)

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