Weathered Loft color palette — #F6F1EA · #BFEBEF · #819EC4 · #3B7482 · #422F3E

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

The five colors

• Cream (#F6F1EA): bright and airy, almost weightless.
• Frost (#BFEBEF): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#819EC4): A luminous, dusty blue — the color of deep harbor water.
• Teal (#3B7482): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#422F3E): 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

• Turquoise Lantern color palette (#F6F1EA, #BDEEE7, #6AA5BF, #5A7355, #1E3D34)
• Wandering Cypress color palette (#FBF2F6, #DADEEF, #829BBE, #397A80, #49526A)
• Mint Pier color palette (#EAF6E6, #49CBBB, #C5879C, #278277, #482623)
• Chalky Denim color palette (#F0E4D3, #4FA6D6, #005A9D, #003840, #010627)
• Dusty Petrol Pier color palette (#F2E8D8, #66C3D6, #007699, #004C47, #00182A)
• Driftwood Parlor color palette (#E9F6E8, #B5DEEC, #9BBCD2, #839272, #344338)
• Aged Mint Harbor color palette (#EEF7CE, #6FC8A0, #369A87, #1B6967, #29412E)
• Weathered Cerulean Thicket color palette (#FAF0E1, #82E2E9, #0092AD, #006454, #00293A)

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