Tempered Studio color palette — #EBF5E8 · #77C8BB · #6F8173 · #4D5949 · #20231C

Built around Mint Leaf, softened by Driftwood — the whole palette hums with sophistication.

The five colors

• Cream (#EBF5E8): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#77C8BB): A luminous, balanced teal — the color of sea glass.
• Driftwood (#6F8173): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4D5949): A full-bodied, dusty green — the color of a quiet forest floor.
• Onyx (#20231C): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

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

• Olive Alley color palette (#F2F3E4, #9FC48B, #708543, #595804, #23221A)
• Wandering Teal color palette (#EEF4EB, #53AE9E, #475E53, #323B2E, #21231A)
• Weathered Loft color palette (#D8E9E4, #73AFEB, #82657A, #305149, #0F1B16)
• Tempered Turquoise color palette (#D1E6D5, #00B6C4, #386F88, #064B51, #0A1507)
• Smoked Cypress color palette (#D2E6D1, #006A69, #002630, #041413, #000202)
• Washed Grove color palette (#E0F6E8, #009CB7, #295878, #153825, #010601)
• Tempered Cerulean color palette (#E8FCE3, #99E2E3, #67C9D9, #2698BB, #2F594C)
• Wandering Drift color palette (#F5F6EC, #D9E2C5, #87C4B3, #9B9D80, #44550C)

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