Tempered Loft color palette — #FFF3E2 · #C7AE74 · #82712C · #545100 · #0D441E
Built around Deep Olive, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
- Camel (#C7AE74): A luminous, balanced gold — the color of old brass.
- Walnut (#82712C): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#545100): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#0D441E): A deep, shadowed, balanced green — the color of new leaves after rain.
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
- Airy Olive Lantern color palette (#F8F7B8, #AAB473, #647F32, #2E5D1F, #004914)
- Bronze Market color palette (#FFE4F5, #DAA87E, #957706, #445300, #022903)
- Timeworn Courtyard color palette (#E7FBED, #B09457, #6E6D33, #005B4E, #264532)
- Feathered Mustard Delta color palette (#FFEDD4, #E7CC8B, #C9B023, #918C02, #374100)
- Gentle Moss Workshop color palette (#F7F1CE, #9C9700, #566400, #2C4100, #0B2F00)
- Worn Station color palette (#FFE7E4, #E2A08C, #A96642, #784100, #583600)
- Timeworn Villa color palette (#FBF2F5, #CFD9DB, #ACC3BF, #8E6D4B, #4F4448)
- Pine Alley color palette (#EBF9F2, #928B44, #2F7347, #005357, #552C10)
Browse the whole catalog at Explore, or see today's palette.