Tempered Studio color palette — #F4F3DF · #7BA547 · #3570C4 · #980516 · #332B00
Built around Garnet, softened by Royal Blue — the whole palette hums with nature and growth.
The five colors
- Cream (#F4F3DF): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#7BA547): A luminous, balanced green — the color of fresh herbs.
- Royal Blue (#3570C4): A full-bodied, balanced blue — the color of deep harbor water.
- Garnet (#980516): A full-bodied, vivid orange — the color of autumn markets.
- Espresso (#332B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.
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
- Tempered Mulberry color palette (#F2F3E5, #76A467, #007F94, #881767, #2C2E00)
- Tempered Indigo color palette (#ECF6E5, #38AB91, #6365C1, #783F00, #003429)
- Tempered Jade color palette (#E0FBFD, #08C497, #8E5AB1, #772E3A, #291700)
- Linen Terrace color palette (#F0F8EE, #41BAB2, #A169A3, #983D1D, #4C3200)
- Hushed Ultramarine Archive color palette (#EAEDDA, #1B8D16, #1745B8, #65000A, #141200)
- Washed Bronze color palette (#F0F8ED, #75C2B2, #987FB7, #8F5C0D, #144E3B)
- Softworn Harbor color palette (#E3E1C6, #B4C3A3, #659EAB, #94504E, #643E00)
- Worn Studio color palette (#D3E7DA, #0096B1, #8D3F8D, #524000, #00242C)
Browse the whole catalog at Explore, or see today's palette.