Weathered Loft color palette — #EFF6FF · #90BCF2 · #3876C3 · #1B447B · #122E50
A conversation between Azure and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Sky (#90BCF2): A luminous, balanced blue — the color of open sky before noon.
- Azure (#3876C3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#1B447B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#122E50): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, cool.
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
- Muted Powder Lantern color palette (#FFEFFF, #BED8FF, #82B4F2, #5C85BC, #162E51)
- Chalky Indigo color palette (#F1F5FF, #B2B2F0, #6E61BD, #493A7D, #2E2950)
- Worn Loft color palette (#D8FFF4, #ACCBFF, #6592D6, #375C88, #182D4D)
- Softworn Delta color palette (#E8F8FF, #67C8DB, #008091, #004E58, #00373C)
- Dusty Parlor color palette (#EEF6FF, #DBD7EB, #D1BCF1, #468093, #3D4959)
- Quiet Plum color palette (#F3F5FD, #B5A2E1, #B13E72, #6A4AA3, #2A1F2F)
- Navy Pier color palette (#F2F5FD, #C5AB76, #4B458E, #2A284E, #1E212B)
- Weathered Lagoon color palette (#F2F5FF, #8274C0, #956700, #2E6125, #2E3244)
Browse the whole catalog at Explore, or see today's palette.