Tempered Loft color palette — #FFF0F9 · #D4A282 · #A67845 · #7A5D2D · #365643

A conversation between Mocha and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Camel (#D4A282): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#A67845): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#7A5D2D): A full-bodied, dusty gold — the color of honey in a jar.
• Charcoal Brown (#365643): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication. Tagged muted.

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

• Weathered Driftwood Cabin color palette (#E0FFE0, #C6AD74, #968A45, #666934, #325A4F)
• Bronze Thicket color palette (#EFF8EE, #C9AA81, #789CC3, #906A35, #394F66)
• Driftwood Terrace color palette (#FCE7FF, #E09B98, #B56F5F, #8B573D, #634350)
• Marigold Meadow color palette (#FFF2EB, #FFD0B1, #ECA75D, #AF8D51, #514D46)
• Aged Basin color palette (#F6E6D7, #DA9400, #8B6B00, #605500, #1E491F)
• Driftwood Station color palette (#EDF9EC, #A6BFAC, #6C896A, #735262, #394D42)
• Softworn Driftwood Hollow color palette (#DFFFE6, #DFCE9C, #94834B, #614C18, #443207)
• Pewter Station color palette (#E7FCE9, #B09361, #4A979C, #8D6595, #374739)

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