Tempered Loft color palette — #EDF9EF · #9DAF82 · #41876C · #5E4F83 · #334E4A

Graphite and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Sage (#9DAF82): A luminous, dusty green — the color of new leaves after rain.
• Fern (#41876C): A full-bodied, balanced teal — the color of shallow lagoons.
• Graphite (#5E4F83): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#334E4A): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, 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

• Timeworn Denim Market color palette (#ECF8F5, #89A079, #3B7A8D, #614579, #56374D)
• Muted Lagoon Veranda color palette (#FAEEF8, #B6AE68, #278A79, #694363, #1B312C)
• Patina Cypress color palette (#EDF8F2, #ADC8BE, #5E8B84, #48705B, #38544B)
• Ancient Petrol color palette (#F1F7F2, #D8DDEE, #7F9CBE, #017C8F, #44536D)
• Patina Teal color palette (#FFF2ED, #C9BF8A, #3EA78F, #8A5E7F, #4F4900)
• Washed Thicket color palette (#E7FCEA, #41AAA6, #1B7398, #783349, #1E4350)
• Dusty Lagoon color palette (#ECF8F6, #BAF3D8, #87E0C9, #47B7A5, #2A4D4C)
• Patina Aubergine Veranda color palette (#DEFFE5, #43A357, #006F69, #6C0084, #00402B)

Browse the whole catalog at Explore, or see today's palette.