Hushed Loft color palette — #F3F4FF · #AD8ED2 · #58A272 · #31779A · #303144

Built around Fern, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Mauve (#AD8ED2): A luminous, balanced violet — the color of wild irises.
• Fern (#58A272): A luminous, balanced teal — the color of sea glass.
• Slate (#31779A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#303144): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Wandering Teal Harbor color palette (#F8F2FF, #CE98B7, #5AABAB, #627C9F, #41394A)
• Tempered Emerald color palette (#FFF0F7, #C4B7FF, #47A464, #327B9E, #301E28)
• Hazy Lilac color palette (#F1F5FF, #9792EB, #819A51, #627835, #2C3245)
• Hushed Coral Summit color palette (#FEF0FC, #E08984, #4B9071, #006C6B, #30325F)
• Hushed Ridge color palette (#FCF1FB, #6381B5, #4D7F49, #006153, #3F2B3E)
• Muted Hollow color palette (#E4FCED, #E695B4, #AC7958, #1B6B92, #493549)
• Dusty Thicket color palette (#FFF0F9, #C87969, #9B7737, #006A5D, #28253C)
• Hushed Amber Archive color palette (#FFE7F1, #CE752E, #2789BD, #006896, #361D2A)

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