Worn Loft color palette — #E7FBF1 · #7CD0F8 · #CCA0CB · #5396B5 · #624348

Built around Sky, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#E7FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#7CD0F8): A luminous, balanced blue — the color of open sky before noon.
• Mauve (#CCA0CB): A luminous, dusty pink — the color of peonies in June.
• Cerulean (#5396B5): A luminous, balanced blue — the color of open sky before noon.
• Cocoa (#624348): A full-bodied, dusty red — the color of embers at dusk.

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

• Antique Sky color palette (#DCFEF3, #6CB9F4, #B793D5, #679F91, #324841)
• Worn Dune color palette (#FBF1FB, #9EC7FF, #7DC39D, #708EB8, #4C4E47)
• Petrol Lantern color palette (#EAF9F2, #73BBDA, #C5886C, #2D7C9B, #534B47)
• Aged Pier color palette (#E2FCF4, #DED6DF, #A4AC9E, #749D9E, #574B57)
• Hushed Seafoam Pier color palette (#EBFAEB, #6ED8D8, #C2B16B, #499B9B, #504D46)
• Sky Field color palette (#EBF7FF, #AADEF5, #FAB497, #0FB8ED, #634056)
• Azure Courtyard color palette (#D8FFF3, #ADDCFF, #6BA1CB, #416F8F, #184439)
• Mallow Balcony color palette (#FFF1F7, #BFA6FF, #DD8D7B, #8574B1, #48413D)

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