Weathered Loft color palette — #F5F4FD · #A5CBAD · #5F587A · #39344F · #29232A

Pistachio and Graphite set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F4FD): bright and airy, almost weightless.
• Pistachio (#A5CBAD): A luminous, dusty teal — the color of glacier melt.
• Graphite (#5F587A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Navy (#39344F): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#29232A): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Driftwood Boulevard color palette (#FBF3F5, #C9D8B1, #8772A2, #63414F, #36262C)
• Muted Ash color palette (#FFF1F4, #F3DAB3, #B78DBF, #856269, #32292A)
• Washed Pewter Drift color palette (#F6F3FC, #DCB0D2, #A76C5D, #905684, #362932)
• Cocoa Market color palette (#FBF2F9, #C6AB73, #7B3C36, #3C2538, #261419)
• Wandering Olive Veranda color palette (#F7F3FD, #AE7898, #66763C, #045D60, #303546)
• Tempered Driftwood color palette (#F7F3FA, #E1D7DA, #B3ABA2, #8F789B, #565059)
• Aged Courtyard color palette (#E8FBEC, #CE95A3, #996A58, #2A6656, #514251)
• Lowlit Harbor color palette (#E6DFF7, #785900, #2E1510, #280025, #070006)

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