Weathered Loft color palette — #E3EDEC · #A7B6BA · #7D909D · #005227 · #000E0D

A conversation between Deep Olive and Slate Blue, giving this palette its sense of nature and growth.

The five colors

• Cream (#E3EDEC): bright and airy, almost weightless.
• Ash (#A7B6BA): soft and architectural.
• Slate Blue (#7D909D): A luminous, dusty blue — the color of a favorite pair of jeans.
• Deep Olive (#005227): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#000E0D): A deep, shadowed, dusty teal — the color of sea glass.

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

• Abyss Hollow color palette (#D9ECEE, #8EA4AD, #657F99, #004132, #000506)
• Timeworn Cypress Study color palette (#E1F6FA, #BFD8E7, #99ADC8, #006A61, #001E24)
• Lagoon Quarry color palette (#D2E8E1, #378A65, #004E4F, #232F00, #000B05)
• Wandering Cypress color palette (#EBF4F4, #D1D9E1, #B8BCCD, #54806A, #202F30)
• Lagoon Atelier color palette (#EAEEDC, #328B7B, #305672, #502604, #1D0900)
• Garnet Dune color palette (#CCEAEF, #006759, #630045, #340023, #0A0100)
• Hushed Delta color palette (#CDE5EA, #A1A600, #00956F, #005BA8, #000506)
• Washed Orchard color palette (#FFE6EB, #007938, #004257, #3E001A, #000705)

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