Weathered Loft color palette — #EDF9F0 · #378A9F · #625D8B · #6D3E49 · #33332C

Cerulean and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF9F0): a clean, paper-quiet neutral.
• Cerulean (#378A9F): A full-bodied, balanced blue — the color of deep harbor water.
• Slate (#625D8B): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#6D3E49): A full-bodied, dusty red — the color of late-summer berries.
• Espresso (#33332C): quiet, heavy and certain.

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

• Wandering Pewter color palette (#FDF1FA, #6A84B5, #73588B, #6F4417, #2E3827)
• Antique Lagoon Meadow color palette (#F1F7EF, #2E9684, #287592, #693D5E, #393630)
• Timeworn Teal Pier color palette (#EFF8ED, #53A99F, #7F6394, #6B4D20, #3E3E37)
• Timeworn Cerulean Quarry color palette (#E9F5EF, #1C89AA, #453744, #1F2C25, #0F1715)
• Washed Cocoa Courtyard color palette (#EBF4F1, #869160, #8E5466, #81391C, #112115)
• Ancient Navy color palette (#E6FED6, #8FCFCF, #488AA1, #3B5C87, #403F7B)
• Ancient Driftwood Quarry color palette (#F1F7F1, #D2DDDC, #BBAFA7, #6E8B6D, #4E544E)
• Powdered Aubergine color palette (#FEF0FF, #0071CF, #7019A6, #642900, #002922)

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