Tempered Loft color palette — #F4F6F0 · #D4DDDA · #B0C4C5 · #2B8760 · #464940

Fern takes the lead with Stone close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Silver (#D4DDDA): bright and airy, almost weightless.
• Stone (#B0C4C5): A luminous, dusty blue — the color of open sky before noon.
• Fern (#2B8760): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#464940): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Olive Villa color palette (#F7F5EF, #D6DCD7, #B1C5BE, #757A2F, #554700)
• Softworn Lagoon Dune color palette (#EBF4F4, #D0DAE3, #B1C0D2, #4A826C, #252E2E)
• Weathered Fern Harbor color palette (#F6F6EA, #A6B698, #3F7E86, #496336, #39482C)
• Muted Cypress color palette (#F0F8EE, #C8D7CE, #B99BB8, #00695E, #293824)
• Muted Abyss color palette (#E8EFE3, #9EAEA2, #68877F, #004234, #0E1706)
• Wandering Cocoa Orchard color palette (#FFF2ED, #7AA47B, #007690, #7E322D, #324324)
• Navy Ridge color palette (#DDE6E4, #C2B5BB, #A5848A, #00467B, #06251F)
• Mulberry Workshop color palette (#ECF9F0, #3997A9, #007081, #7C1B4F, #004335)

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