Tempered Loft color palette — #FAF4EE · #CCC18F · #83501E · #532E00 · #28261B

A conversation between Coffee and Espresso, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Sand (#CCC18F): A luminous, dusty green — the color of fresh herbs.
• Coffee (#83501E): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#532E00): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#28261B): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Fern Coast color palette (#F7F6EA, #DDB994, #576437, #3A3932, #22261F)
• Tempered Bronze color palette (#FBF4EC, #E9CE96, #A3723A, #6E4100, #302A24)
• Dusty Bronze color palette (#FAF4EF, #E5B497, #008D9C, #9E5828, #273129)
• Aged Marigold color palette (#FFF4E0, #C9992C, #5A4500, #312400, #141501)
• Wandering Taupe color palette (#FEF1F6, #C4E9CF, #BD9571, #81636E, #33282C)
• Smoked Chestnut Parlor color palette (#F0E5D9, #745B00, #233030, #1F1100, #040200)
• Velvet Ridge color palette (#DBE4CA, #AD4B00, #232B34, #002413, #000602)
• Muted Taupe color palette (#FFF2EB, #C2A368, #488665, #6A4C75, #4A4841)

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