Tempered Loft color palette — #E7EDCC · #008C24 · #BE0022 · #663C00 · #020200

A conversation between Ruby and Kelly Green, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#E7EDCC): A whisper-light, dusty green — the color of fresh herbs.
• Kelly Green (#008C24): A full-bodied, vivid green — the color of new leaves after rain.
• Ruby (#BE0022): A full-bodied, vivid orange — the color of autumn markets.
• Bronze (#663C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged jewel, vibrant.

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

• Soft Harbor color palette (#E6E4C9, #658700, #BA0056, #7D3100, #030200)
• Hushed Meadow color palette (#E8F1E3, #008A73, #944A00, #584800, #000300)
• Powdered Byzantium color palette (#F6EBD7, #8E6E00, #9D00A4, #8E0035, #040100)
• Softworn Rose color palette (#F6F5CF, #76B000, #F4146A, #A54500, #1E1900)
• Washed Bronze color palette (#DCEBD9, #00B4AE, #B27000, #696800, #121900)
• Forest Terrace color palette (#E0F2E9, #0091B6, #766F00, #016316, #000707)
• Pale Nightshade Coast color palette (#C8EADC, #00688D, #391A9D, #540006, #000300)
• Washed Amber Summit color palette (#EAFBE3, #00CDB7, #DB7C00, #847700, #052A0F)

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