Worn Sapphire Loft color palette — #F1F5FC · #DED9E2 · #CDBBC9 · #3D70D9 · #141F2E

Sapphire and Midnight set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F1F5FC): bright and airy, almost weightless.
• Silver (#DED9E2): bright and airy, almost weightless.
• Stone (#CDBBC9): A luminous, dusty pink — the color of peonies in June.
• Sapphire (#3D70D9): A full-bodied, vivid violet — the color of a velvet chair.
• Midnight (#141F2E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Worn Sapphire 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

• Weathered Iris color palette (#F2F5FB, #E0D9E2, #C7B0B2, #7183D4, #292E39)
• Wandering Lapis color palette (#F1F5FF, #E0D5E0, #C5B4CC, #5947C0, #070B1D)
• Tempered Cerulean Ridge color palette (#EFF7FA, #D9DAE5, #C8BDD6, #008599, #0F2129)
• Denim Thicket color palette (#F5EBF4, #D9C6CE, #B5989A, #345487, #342A34)
• Shadow Indigo color palette (#DEE4FF, #7B60C9, #39152F, #140E17, #020118)
• Orchid Atelier color palette (#F5F4FF, #E6D7DF, #BAAD9F, #B33DD6, #242139)
• Misty Mulberry Lantern color palette (#EEF6FF, #3496ED, #923597, #084506, #000D1E)
• Forest Alley color palette (#E4FAFF, #B4BAE8, #AC7A9E, #146655, #003127)

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