Tempered Loft color palette — #FFDDD1 · #EEA9A1 · #CC6E58 · #804431 · #3D3732

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

The five colors

• Shell Pink (#FFDDD1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rose Quartz (#EEA9A1): A luminous, balanced orange — the color of autumn markets.
• Coral Clay (#CC6E58): A luminous, balanced orange — the color of autumn markets.
• Coffee (#804431): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#3D3732): a grounded near-black with real depth.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, 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

• Antique Station color palette (#FFE2CD, #D8A37A, #B9752C, #79541C, #36322C)
• Timeworn Peony color palette (#FFDDDD, #DF9BB5, #C96A88, #894956, #462C25)
• Bronze Grove color palette (#FFEEE1, #F5C09D, #B16F44, #6D3B18, #311903)
• Washed Bronze color palette (#FBEFE7, #DAA68B, #71AE71, #A55B33, #31322B)
• Washed Coral color palette (#FFEFFF, #FFB2B0, #D1867B, #9B6757, #5D4553)
• Weathered Cocoa Harbor color palette (#FEEFE2, #DCD8C4, #B8BBC6, #AF8871, #593100)
• Misty Basin color palette (#EBDBD5, #FE7427, #A45100, #683800, #382000)
• Moss Courtyard color palette (#FFEEE1, #C88D63, #819848, #9E637F, #322419)

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