Faded Loft color palette — #F9D7C6 · #00E381 · #598AEA · #2E162D · #10060F

Built around Clover, softened by Azure — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F9D7C6): A whisper-light, dusty orange — the color of toasted spice.
• Clover (#00E381): A luminous, vivid teal — the color of glacier melt.
• Azure (#598AEA): A luminous, balanced violet — the color of a velvet chair.
• Deep Indigo (#2E162D): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#10060F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Faded 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

• Dusty Indigo Canyon color palette (#F6E5CF, #00D1D3, #6C78EA, #2A1424, #0D060B)
• Dusty Lime color palette (#F9E4E3, #B8CD00, #0099D1, #002232, #03140D)
• Worn Wisteria Harbor color palette (#ECE2CD, #00E6F4, #B17AEA, #3A222C, #160C10)
• Antique Honey Thicket color palette (#D0E8CF, #F5C62F, #459BEC, #2A2B51, #17202A)
• Washed Azure color palette (#D4E5CD, #FF8681, #24A8FE, #00233C, #02130F)
• Wandering Delta color palette (#B8F56E, #C6DEFF, #D087E5, #413135, #21191B)
• Soft Byzantium color palette (#E7E9D4, #4FB4FF, #A537EA, #220F31, #0C0104)
• Clover Pier color palette (#FFEBF8, #69C054, #3E418E, #191946, #11020D)

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