Tempered Loft color palette — #D5DEF2 · #A5AC56 · #464E91 · #1E2252 · #050B18
Built around Sage, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Silver (#D5DEF2): A whisper-light, dusty violet — the color of wild irises.
- Sage (#A5AC56): A luminous, balanced green — the color of a quiet forest floor.
- Peacock (#464E91): A full-bodied, balanced violet — the color of wild irises.
- Deep Indigo (#1E2252): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#050B18): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark, 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
- Hushed Pier color palette (#DEDBEF, #92B162, #713C7F, #3C1347, #0B0818)
- Worn Hollow color palette (#D2E0EF, #DA915B, #27568E, #0D294B, #000B1E)
- Muted Denim Alley color palette (#E8EEFF, #9CC27D, #5B59A0, #2A3452, #111522)
- Pale Aubergine color palette (#DCE1F9, #63A651, #4B3086, #1F0A43, #010110)
- Misty Nightshade color palette (#FEF1FA, #BEC34D, #3D3DAE, #100948, #040002)
- Gentle Indigo color palette (#D7DDF3, #FC979D, #7369C8, #454075, #070A17)
- Worn Alley color palette (#FBF1FF, #BFC25B, #A44266, #631D38, #211525)
- Frosted Navy Pier color palette (#E9D8E2, #C56F77, #322377, #160047, #180310)
Browse the whole catalog at Explore, or see today's palette.