Weathered Loft color palette — #E7FAF4 · #9FBA71 · #375C5C · #202F2A · #0C110E

Sage takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E7FAF4): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#9FBA71): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#375C5C): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#202F2A): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#0C110E): a grounded near-black with real depth.

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

• Lime Ridge color palette (#F4F3E0, #9FC66D, #7B813A, #56554A, #23221C)
• Timeworn Teal color palette (#E4FAFF, #00B5B0, #294A5F, #0D2226, #020707)
• Ancient Emerald color palette (#DDFDF9, #00B040, #00463F, #001A18, #000201)
• Cypress Meadow color palette (#C9EAEF, #006F61, #312D33, #00161C, #000102)
• Tempered Delta color palette (#E3FBF9, #99DFAF, #E59EE3, #D38C89, #253D3C)
• Patina Grove color palette (#F0F8EF, #BBE0ED, #A2B783, #7A8C78, #3B4A42)
• Hushed Delta color palette (#CFF6FF, #008DA3, #002C51, #26232A, #00090D)
• Airy Mallow Parlor color palette (#E6FAFB, #B0F7DC, #F6B0F4, #44B08D, #48415D)

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