Ash Loft color palette — #F7F7E3 · #CADEFF · #B793C0 · #547F5A · #4C3844

Mauve and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7F7E3): A whisper-light, dusty green — the color of new leaves after rain.
• Powder Blue (#CADEFF): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#B793C0): A luminous, dusty pink — the color of a candy shop window.
• Fern (#547F5A): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal (#4C3844): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Ash Dune color palette (#FCF4E4, #ADE7FC, #999ECB, #7E7249, #2A463E)
• Taupe Lantern color palette (#FDF1FC, #B2CCFB, #C68682, #517553, #2B3F22)
• Timeworn Basalt Chapel color palette (#FFF1F7, #D8D3DE, #C5B7B4, #7C9080, #4C3238)
• Pewter Lagoon color palette (#E9F9F6, #91A7D7, #906595, #376544, #424759)
• Amber Terrace color palette (#FFF0F9, #E1C4ED, #CC9EBD, #BC7954, #49445B)
• Mallow Orchard color palette (#FCF5DE, #F1B5E6, #BE7F74, #176F80, #472725)
• Tempered Lilac color palette (#FFF1F5, #BE9EE1, #664D4E, #35262B, #140D12)
• Tempered Thicket color palette (#FFEEE6, #B79ED6, #956496, #704638, #38262B)

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