Weathered Loft color palette — #F0F3ED · #CCDAD5 · #A2C0AE · #097752 · #1E2217

Pine and Stone set the tone — five colors that lean into sophistication.

The five colors

• Cream (#F0F3ED): a clean, paper-quiet neutral.
• Silver (#CCDAD5): a clean, paper-quiet neutral.
• Stone (#A2C0AE): A luminous, dusty teal — the color of glacier melt.
• Pine (#097752): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#1E2217): A deep, shadowed, dusty green — the color of fresh herbs.

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

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

• Hushed Cypress Lantern color palette (#F2F7EE, #CCDFD6, #AAB8A9, #1A745D, #383C33)
• Cypress Study color palette (#E9F6EC, #BDDCD0, #C09FBB, #006772, #0C1F12)
• Wandering Cabin color palette (#F2F3E8, #65B196, #007373, #464740, #171F0C)
• Tempered Lagoon Basin color palette (#EFF7F8, #D3DCE4, #C5C0CA, #329E81, #213233)
• Cocoa Quarry color palette (#E1E7D6, #73B8B8, #56789D, #76440A, #362415)
• Washed Abyss Parlor color palette (#E7ECE5, #AAB7AC, #759688, #005041, #070D03)
• Twilit Meadow color palette (#DAEDD9, #007472, #002939, #031003, #010300)
• Emerald Delta color palette (#FEE3D5, #27A171, #00667C, #68141B, #0D1C08)

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