Worn Loft color palette — #FBF2F6 · #DAD4E3 · #97B2E2 · #5A909B · #4C5167
A conversation between Sky and Storm Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF2F6): a clean, paper-quiet neutral.
- Silver (#DAD4E3): A whisper-light, dusty violet — the color of wild irises.
- Sky (#97B2E2): A luminous, dusty violet — the color of wild irises.
- Storm Blue (#5A909B): A luminous, dusty blue — the color of open sky before noon.
- Charcoal Brown (#4C5167): A full-bodied, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Worn 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
- Tempered Turquoise Drift color palette (#EFF7F6, #D7DCEA, #A3CCEC, #4DB0CD, #415469)
- Mint Pier color palette (#E4FBF5, #AFD284, #AFA9E2, #7E9563, #444B69)
- Petrol Coast color palette (#F4F6EF, #C8E4E5, #77A496, #38788C, #5C4C5F)
- Azure Study color palette (#FEF1F9, #9DE0F5, #679AC9, #2B7C65, #2C3A58)
- Cobalt Quarry color palette (#EEE1E7, #73BCDC, #3874C4, #005A4F, #1D1547)
- Hushed Powder Market color palette (#E6FBF2, #C3E8F8, #B7CAED, #BB9AA5, #415450)
- Oat Market color palette (#FFF0F9, #E4C59F, #B68DA6, #806D84, #3C4C43)
- Feathered Ultramarine Boulevard color palette (#EFDFE4, #5499CC, #394AB3, #003B3B, #0F0023)
Browse the whole catalog at Explore, or see today's palette.