Tempered Studio color palette — #F0F7F4 · #D2DDE0 · #B2C3CA · #6D7C3D · #3E4B46

Walnut and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#D2DDE0): bright and airy, almost weightless.
• Stone (#B2C3CA): A luminous, dusty blue — the color of open sky before noon.
• Walnut (#6D7C3D): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#3E4B46): a grounded near-black with real depth.

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

Use it as a design system

One click turns Tempered Studio 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

• Washed Terrace color palette (#EDF4F0, #CEDBE0, #AFC0CF, #767944, #232F2A)
• Hushed Pine color palette (#EDF8F2, #94B9AD, #597F50, #615B2F, #2C4940)
• Washed Delta color palette (#EEF7F9, #D3DAE5, #A2B6C7, #007274, #2B3E43)
• Fern Alley color palette (#EBF8F6, #C0D8D8, #7EB1B9, #156D0D, #143A36)
• Muted Pewter Dune color palette (#DBF8F2, #94B7BA, #698891, #71577D, #584865)
• Pine Lagoon color palette (#D7E9E7, #2F8542, #18383B, #072422, #030F11)
• Spruce Study color palette (#E4F1EE, #9BAEAC, #5A888C, #264000, #031814)
• Abyss Basin color palette (#E0E7EA, #AFBBC2, #7791AB, #004E57, #02232F)

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