Tempered Loft color palette — #FFF5D9 · #86B35C · #007E4C · #59476D · #3B3B34
Built around Jade, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Custard (#FFF5D9): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#86B35C): A luminous, balanced green — the color of fresh herbs.
- Teal (#007E4C): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal Brown (#59476D): A full-bodied, dusty violet — the color of wild irises.
- Charcoal (#3B3B34): quiet, heavy and certain.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Weathered Mustard color palette (#FFF3E6, #BAA300, #577500, #65445D, #3D3A34)
- Tempered Jade Pier color palette (#F8F6E0, #51BC7B, #007B6C, #095973, #1C442B)
- Softworn Moss Hollow color palette (#FCE9C3, #7EA100, #006D2F, #4F336C, #273301)
- Tempered Pine color palette (#FFEFDB, #A2AF72, #357C4D, #6B375B, #1E2400)
- Tempered Boulevard color palette (#E9FBEB, #B1C577, #459A67, #88567A, #36400C)
- Peony Terrace color palette (#FFF1F2, #DA5AC0, #00956D, #942481, #004631)
- Ancient Workshop color palette (#E8FAF3, #B1DDA3, #50BD80, #5989D1, #28431E)
- Aged Cobalt Coast color palette (#FFF2EB, #73E0F9, #0089C2, #006859, #223F6B)
Browse the whole catalog at Explore, or see today's palette.