Tempered Studio color palette — #EDE3D8 · #B0A763 · #4B822D · #6C456D · #32280A

Built around Olive Leaf, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Parchment (#EDE3D8): bright and airy, almost weightless.
• Sage (#B0A763): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#4B822D): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#6C456D): A full-bodied, dusty pink — the color of a candy shop window.
• Espresso (#32280A): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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

• Antique Emerald color palette (#FCE7D2, #B8AE47, #429918, #553E93, #332F00)
• Muted Workshop color palette (#FCF4EA, #B4BA7E, #4B9357, #7C5471, #37352F)
• Dusty Olive Cabin color palette (#ECF9EE, #BCC17F, #52863F, #4D497D, #001E14)
• Forest Quarry color palette (#FAEDD8, #859C5E, #007349, #672F4E, #151F00)
• Patina Courtyard color palette (#EAE4D7, #8FB26C, #00865F, #005E79, #2C2A0B)
• Sunlit Grove color palette (#D0EDDD, #7C982E, #236518, #1E415B, #003127)
• Emerald Harbor color palette (#F5D4DA, #DF7CEA, #0AA128, #80238A, #013306)
• Timeworn Basalt Garden color palette (#FAF5E7, #AECFA6, #54A08B, #8B6764, #444600)

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