Weathered Loft color palette — #F6EED4 · #7B7600 · #3358B5 · #102D84 · #010100

Cobalt and Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6EED4): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#7B7600): A full-bodied, balanced green — the color of fresh herbs.
• Cobalt (#3358B5): A full-bodied, balanced violet — the color of a velvet chair.
• Indigo (#102D84): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Tempered Summit color palette (#F8EDD3, #837300, #006A84, #003C60, #020100)
• Washed Garden color palette (#F3F5DF, #36930C, #4030AD, #410041, #050100)
• Aged Grape Workshop color palette (#F9EFC4, #757900, #7D3CA2, #511071, #010100)
• Frosted Alley color palette (#F2DAC1, #875100, #4A2CAF, #50001E, #020100)
• Inked Nightshade Thicket color palette (#D8E8CE, #006051, #0032A9, #2C006B, #000302)
• Weathered Onyx color palette (#F3D8E3, #7B3F00, #004479, #4B0039, #190800)
• Wandering Pine color palette (#F0FBD9, #00812F, #004B52, #3F0060, #020100)
• Hushed Moss Thicket color palette (#FFE9DC, #749900, #006359, #4E0041, #000601)

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