Quiet Loft color palette — #FFF1F2 · #FFCDBB · #D27800 · #725A00 · #212E00

Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Peach Cream (#FFCDBB): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#D27800): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#725A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#212E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, 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

• Patina Tangerine Coast color palette (#FFF0F9, #FFBDCC, #EB6E48, #884900, #322400)
• Linen Amber Veranda color palette (#FFF2EF, #F8B686, #AF8A1A, #525E00, #003007)
• Hushed Loft color palette (#F5E3D4, #A28000, #485D00, #00250D, #000201)
• Apricot Ridge color palette (#FFD4BE, #F18A00, #9C6500, #543900, #241B00)
• Soft Olive Balcony color palette (#FFF2EB, #FFDE9F, #9EA458, #467731, #00412E)
• Timeworn Amber Parlor color palette (#FFF1F6, #CF7A00, #1D4531, #250B16, #040003)
• Worn Alley color palette (#DEFFE6, #FFA396, #A77F00, #1152B1, #431A00)
• Muted Field color palette (#FCF2F9, #E6D7D5, #B1C2D3, #D2745F, #3E303A)

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