Weathered Loft color palette — #FFF1F6 · #CBACFF · #F891A7 · #75ADCE · #46313A

Built around Ballet Pink, softened by Lavender — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#CBACFF): A luminous, balanced violet — the color of twilight just after sunset.
• Ballet Pink (#F891A7): A luminous, balanced red — the color of embers at dusk.
• Cyan (#75ADCE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#46313A): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Mallow Boulevard color palette (#FFF1F3, #EAB0EC, #EBAC9F, #92B0DF, #4F3D40)
• Mallow Courtyard color palette (#FFF1F2, #F392E2, #DB9E6D, #6394C6, #442B2D)
• Chalky Dune color palette (#F2F5FF, #BCADFF, #E39463, #54A38C, #242945)
• Chalky Powder color palette (#D8FFF4, #82C5FF, #CAA1E4, #5FB7A7, #223E37)
• Softworn Lilac color palette (#F6F3FF, #DED1FF, #BCA4ED, #8777B1, #32274B)
• Hushed Apricot color palette (#FFE2EE, #FF85C1, #FA8919, #938AFA, #492035)
• Muted Blush Study color palette (#FFDCD1, #FF828E, #D39900, #A884C5, #412219)
• Pale Corridor color palette (#FFF0F8, #9E95FD, #A99A3A, #7B8F5A, #482F3E)

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