Tempered Studio color palette — #F4F6F0 · #D3DFD9 · #9CB1C0 · #76AC8C · #3D4136

Jade and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Silver (#D3DFD9): a clean, paper-quiet neutral.
• Ash (#9CB1C0): A luminous, dusty blue — the color of open sky before noon.
• Jade (#76AC8C): A luminous, dusty teal — the color of sea glass.
• Charcoal (#3D4136): quiet, heavy and certain.

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

• Abyss Workshop color palette (#E0E8E1, #AEC0B6, #779B8F, #004549, #000200)
• Washed Lantern color palette (#EFF7F4, #E0D4D2, #A7A69B, #4593BD, #25312D)
• Timeworn Teal Corridor color palette (#F5F7E9, #C3E7CE, #4FB29E, #787C34, #2F3F00)
• Washed Lagoon Archive color palette (#EBF4F3, #CFDAE2, #B4BECD, #4F8260, #1F302F)
• Worn Teal Market color palette (#ECFAE9, #00B6A9, #324E3B, #162214, #040602)
• Cocoa Pier color palette (#E9FDDC, #B8E5DC, #90BAD9, #9A726E, #783C1C)
• Washed Aqua color palette (#EFF8EC, #88FFE8, #B3E3EC, #42C9E9, #273E29)
• Cerulean Quarry color palette (#FEF4E3, #8FDFBC, #00A5B2, #844E78, #273720)

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