Tempered Loft color palette — #F8F7E0 · #C4E0A1 · #F6A291 · #769746 · #3E3733
A conversation between Moss and Melon, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8F7E0): A whisper-light, dusty green — the color of new leaves after rain.
- Celadon Mist (#C4E0A1): A whisper-light, balanced green — the color of fresh herbs.
- Melon (#F6A291): A luminous, balanced orange — the color of sun-warmed clay.
- Moss (#769746): A luminous, balanced green — the color of a quiet forest floor.
- Charcoal (#3E3733): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Patina Teal color palette (#F2F7EC, #BDF4D9, #F2C191, #59AD89, #4B453F)
- Faded Drift color palette (#FEF4E4, #F2CF8A, #F09CCB, #AB8325, #512940)
- Moss Lagoon color palette (#F9F6E1, #CBDE9E, #5FCBE8, #7F9442, #00404E)
- Misty Moss Workshop color palette (#F7F6E6, #B7D997, #DDA6EB, #7DB13E, #53355B)
- Weathered Bronze Corridor color palette (#FFF3E7, #F7D7B0, #BA9677, #925C2C, #35312B)
- Misty Amber color palette (#F7F8DC, #9DCA85, #59BCC2, #BE843C, #2D2D0B)
- Weathered Fern color palette (#F4F8E3, #C7ECD2, #97C4D9, #96AE84, #425208)
- Softworn Summit color palette (#E9FBE5, #00E5D8, #D6A700, #009189, #3B2C00)
Browse the whole catalog at Explore, or see today's palette.