Quiet Loft color palette — #F4DCD8 · #D37255 · #AE4916 · #763400 · #552A00

Terracotta takes the lead with Coral Clay close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F4DCD8): A whisper-light, dusty orange — the color of autumn markets.
• Coral Clay (#D37255): A luminous, balanced orange — the color of sun-warmed clay.
• Terracotta (#AE4916): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#763400): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#552A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Misty Dune color palette (#F7DBD1, #B54F00, #753900, #422300, #1D1800)
• Cocoa Quarry color palette (#F6E4D7, #B88C6C, #885539, #69321F, #352F2A)
• Softworn Tangerine color palette (#F3DDDA, #FF9B81, #FD6909, #AE581D, #4E2D11)
• Patina Plum color palette (#F3E3E8, #D97894, #B24058, #801F2E, #582624)
• Dusty Market color palette (#FFE4D5, #DC9E6F, #AA691E, #784E05, #583F0F)
• Pine Workshop color palette (#FFEADA, #C7773D, #318E4D, #854100, #10401F)
• Feathered Corridor color palette (#FFDEC0, #B26300, #597907, #893C5F, #3D250C)
• Charred Fern Hollow color palette (#F8EFD3, #635700, #3B3900, #131500, #000502)

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