Tempered Loft color palette — #FDD3D9 · #FA544F · #9B4500 · #533B00 · #1B330E

Built around Scarlet, softened by Burnt Sienna — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FDD3D9): A whisper-light, dusty red — the color of embers at dusk.
• Scarlet (#FA544F): A luminous, vivid orange — the color of sun-warmed clay.
• Burnt Sienna (#9B4500): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#533B00): A deep, shadowed, dusty gold — the color of old brass.
• Deep Forest (#1B330E): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Energy. Tagged vibrant, warm.

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

• Amber Market color palette (#F8E2E2, #E26F00, #855100, #4E4100, #273400)
• Faded Brick color palette (#FCE1F9, #EA5692, #AF002D, #6F3000, #462800)
• Faded Veranda color palette (#FFEBD1, #D68900, #715100, #3E2900, #261500)
• Bronze Terrace color palette (#FFD9E4, #B67400, #0079AA, #6E4400, #003249)
• Garnet Villa color palette (#FECFE2, #A88936, #874900, #76000D, #272D00)
• Brick Corridor color palette (#FFEFE1, #E0DC99, #00B88D, #C10035, #4C3A00)
• Nocturne Chestnut Coast color palette (#F3DAD7, #944900, #462F00, #191600, #000702)
• Airy Apricot Meadow color palette (#FFE7E1, #EB8D12, #917400, #565700, #185302)

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