Weathered Loft color palette — #E9F1EA · #8DB8D1 · #0070A2 · #004F51 · #082E55

Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E9F1EA): bright and airy, almost weightless.
• Ash (#8DB8D1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#0070A2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#082E55): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Cobalt Canyon color palette (#EFF8F0, #A9CAE2, #4D7CAA, #005E69, #293A5C)
• Cobalt Terrace color palette (#F0E6EB, #81BED2, #146EB7, #004D3D, #100F37)
• Quiet Loft color palette (#F5EDE1, #9ADFF8, #59AEE2, #009094, #0D2E52)
• Timeworn Studio color palette (#F0F3FF, #D3B4DD, #CF7B9F, #445AAC, #3D2E50)
• Hushed Abyss color palette (#DAE5DC, #559CA6, #005266, #00302A, #001624)
• Petrol Lagoon color palette (#F1F7F2, #D7DDED, #719FC4, #107D86, #445469)
• Worn Navy color palette (#E9F2EB, #64849F, #003B78, #002128, #03002E)
• Amethyst Alley color palette (#EAEEFF, #7350C2, #914700, #005B49, #231343)

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