Tempered Loft color palette — #F2EFDB · #AE5800 · #656400 · #004647 · #000200

Ochre and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2EFDB): A whisper-light, dusty green — the color of fresh herbs.
• Ochre (#AE5800): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Olive (#656400): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004647): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Worn Bronze Station color palette (#F0EDDC, #A88100, #5B6B00, #005033, #010200)
• Ancient Bronze Chapel color palette (#E7F1DA, #8D6F00, #007152, #004065, #000201)
• Raspberry Loft color palette (#FFECD9, #DD2463, #8D5100, #004D21, #020100)
• Cellar Archive color palette (#F1E0D5, #606320, #00443D, #2C0019, #100001)
• Hushed Coast color palette (#D7FAE9, #DE6E00, #6E8000, #006E70, #000500)
• Shadow Fern color palette (#E2E1D0, #3B5700, #00350F, #001813, #000303)
• Emerald Delta color palette (#E4F5D5, #BD9100, #009459, #006098, #000503)
• Smoked Garnet Corridor color palette (#E1E0C6, #365700, #720029, #132400, #040001)

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