Weathered Loft color palette — #EFF7F6 · #D3DBDF · #B4C1C8 · #508251 · #3B4C49

Fern and Charcoal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D3DBDF): bright and airy, almost weightless.
• Stone (#B4C1C8): soft and architectural.
• Fern (#508251): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#3B4C49): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, 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

• Olive Study color palette (#ECF4F2, #CFDADF, #B1BFCE, #5F7F54, #232F2D)
• Patina Fern Canyon color palette (#E9F9F5, #8FB9B3, #547F60, #4B6237, #2A4945)
• Worn Petrol color palette (#F0F6FA, #D5D9E5, #A7B5C3, #006F8A, #2D3D46)
• Wandering Summit color palette (#D5E4E3, #98AEAF, #59888F, #004325, #001818)
• Tempered Abyss color palette (#DBE5EC, #B0BAC4, #7E90A6, #004B68, #092231)
• Ancient Pewter color palette (#EAF8FF, #98B2C7, #748599, #73567C, #5E4158)
• Linen Navy color palette (#E4FBF5, #5FA98A, #007A73, #1E4B91, #11454A)
• Sunlit Mint Delta color palette (#E3FBFC, #BEF4C4, #3ED3A5, #00A09D, #0D4B51)

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