Weathered Loft color palette — #E7F0E6 · #00978E · #323F34 · #1A2018 · #0A0E08

A conversation between Fern and Forest, giving this palette its sense of sophistication.

The five colors

• Cream (#E7F0E6): bright and airy, almost weightless.
• Fern (#00978E): A luminous, balanced teal — the color of shallow lagoons.
• Forest (#323F34): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#1A2018): quiet, heavy and certain.
• Ink (#0A0E08): a grounded near-black with real depth.

Feels like: 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

• Softworn Alley color palette (#E5F5F9, #57ACA5, #465C64, #293B40, #1A2425)
• Nocturne Petrol color palette (#D1E8D7, #007988, #002F3D, #001507, #000501)
• Turquoise Alley color palette (#E2F8ED, #61A7C3, #8E85B6, #4A8768, #162D23)
• Muted Cobalt color palette (#EFDEF0, #2F76C7, #3E293A, #1C121C, #020806)
• Aged Boulevard color palette (#DDFBE2, #73C1CD, #328EA4, #276A80, #133A2C)
• Weathered Ridge color palette (#F1F3E8, #BDC8AA, #79896B, #5D6821, #293700)
• Spruce Ridge color palette (#E2F6E4, #504E58, #003133, #091719, #000304)
• Washed Petrol Lagoon color palette (#E6F6EF, #82BCDA, #B989B9, #327A9C, #48252C)

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