Tempered Loft color palette — #FBF3F4 · #E0D8D3 · #A8AF9F · #977594 · #5A4F51

A conversation between Heather and Sage, giving this palette its sense of sophistication.

The five colors

• Ivory (#FBF3F4): bright and airy, almost weightless.
• Silver (#E0D8D3): a clean, paper-quiet neutral.
• Sage (#A8AF9F): A luminous, dusty green — the color of a quiet forest floor.
• Heather (#977594): A luminous, dusty pink — the color of neon signs at night.
• Charcoal Brown (#5A4F51): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered 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 Orchard color palette (#F9EFF1, #DFD6CF, #AEB0A5, #9C777F, #3B3435)
• Worn Olive Garden color palette (#FFF1F1, #D7B5AB, #A08A7A, #607635, #47564A)
• Dusty Plum color palette (#FCF3F2, #E2D7CD, #D8B3A1, #A24372, #503937)
• Rust Veranda color palette (#FDF4E5, #C895B9, #A95E62, #3D6441, #574240)
• Timeworn Archive color palette (#F8F5EF, #CBC19B, #718B57, #795D65, #5C4C00)
• Tempered Canyon color palette (#F0E6E2, #C3B6AD, #A18971, #7E161A, #2D1A12)
• Hushed Mallow color palette (#FFF1F0, #E9D0CF, #FDA6D5, #D88375, #55403C)
• Patina Onyx Archive color palette (#F6E7E7, #AC938F, #9F5C44, #4F003C, #150405)

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