Mallow Loft color palette — #F5F6EC · #BBE2AF · #F3AAEC · #8CB67F · #634347

Carnation and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Celadon Mist (#BBE2AF): A whisper-light, balanced green — the color of fresh herbs.
• Carnation (#F3AAEC): A whisper-light, balanced pink — the color of peonies in June.
• Sage (#8CB67F): A luminous, balanced green — the color of a quiet forest floor.
• Cocoa (#634347): A full-bodied, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

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

• Taupe Lantern color palette (#FBF4E8, #EAD398, #C1BFFF, #C0A561, #614254)
• Ancient Mallow color palette (#F5F7E3, #A2D895, #D7A9F0, #D49BB5, #42433C)
• Dusty Teal color palette (#EFF9EA, #A1E5D6, #FFB09D, #46BFAA, #534B47)
• Celadon Lantern color palette (#F4F7E8, #BBF8BE, #9AD3FF, #76A879, #2E4E44)
• Fern Delta color palette (#F5F7E7, #B4E5E6, #C8BCC2, #92C2BA, #47560D)
• Blush Workshop color palette (#E5F4E1, #3BD9CB, #FF83A3, #00A79C, #562130)
• Muted Pier color palette (#E7F6F3, #97C092, #B889BB, #547E50, #322C47)
• Timeworn Cocoa Harbor color palette (#FEF3E8, #E9D7B8, #D4AE86, #AA8B77, #554700)

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