Tempered Loft color palette — #E8F9F9 · #70B08D · #B67B40 · #00794D · #5C3916

Pine takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E8F9F9): bright and airy, almost weightless.
• Jade (#70B08D): A luminous, balanced teal — the color of shallow lagoons.
• Caramel (#B67B40): A luminous, balanced gold — the color of honey in a jar.
• Pine (#00794D): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#5C3916): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Olive Villa color palette (#EAF9F4, #94A96D, #C86B5E, #567100, #65312A)
• Worn Chestnut Ridge color palette (#EAFAEF, #8FB09E, #807241, #694C03, #2A4339)
• Timeworn Peony color palette (#E5F6F6, #5EB98E, #D45E95, #00784F, #3F182A)
• Muted Pine Cabin color palette (#E8F9F8, #78AF85, #4D8ECD, #007A3B, #19456C)
• Powdered Cobalt Quarry color palette (#DEFCFF, #159F84, #1383C0, #6F6D00, #044046)
• Aged Boulevard color palette (#F1F8EA, #63CFA9, #D884BE, #009771, #59344E)
• Weathered Orchard color palette (#E0FBFF, #CFDDEA, #90DAE7, #4C8E72, #31545C)
• Antique Lagoon Archive color palette (#E0FBFF, #7FC3B2, #008A74, #004D40, #00362D)

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