Tempered Loft color palette — #F6F6EA · #9CBB8D · #AE89B9 · #4D832B · #64424A
Olive Leaf takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F6F6EA): a clean, paper-quiet neutral.
- Sage (#9CBB8D): A luminous, dusty green — the color of fresh herbs.
- Dusty Rose (#AE89B9): A luminous, balanced pink — the color of peonies in June.
- Olive Leaf (#4D832B): A full-bodied, balanced green — the color of new leaves after rain.
- Cocoa (#64424A): A full-bodied, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Creativity, Balance. Tagged 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
- Tempered Alley color palette (#FAF5E9, #BDB079, #7B99CC, #867100, #5C435B)
- Muted Grove color palette (#E8F5F2, #9BBF8D, #B688C5, #567E45, #312D48)
- Moss Basin color palette (#F5F6E9, #ADD0A0, #C79FDE, #6C9C58, #62434C)
- Ancient Balcony color palette (#EFF8EE, #77BFBB, #C28499, #008480, #68413D)
- Pewter Grove color palette (#F1F9E4, #6CA784, #977DAD, #975A83, #41433C)
- Antique Fern color palette (#FDF3E9, #C3B69F, #9B7959, #7F4F47, #524800)
- Frosted Meadow color palette (#EBFCDC, #2BBD95, #A341A4, #006D53, #5B1A5C)
- Plum Chapel color palette (#E6F3E1, #38A193, #B75077, #00655A, #552134)
Browse the whole catalog at Explore, or see today's palette.