Tempered Studio color palette — #F9F5E7 · #D5DB9D · #C7BCFF · #AAAF59 · #5F4352

Sage and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F5E7): a clean, paper-quiet neutral.
• Celadon Mist (#D5DB9D): A whisper-light, balanced green — the color of new leaves after rain.
• Lavender (#C7BCFF): A whisper-light, balanced violet — the color of a velvet chair.
• Sage (#AAAF59): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#5F4352): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, 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 Mallow color palette (#F3F7EB, #A9E5C4, #EFAFE2, #6EBB93, #614447)
• Hushed Lilac color palette (#F9F5E9, #CCC791, #BDA1E9, #968F49, #62424F)
• Aged Powder Terrace color palette (#FAF6DF, #C0D08B, #7BC7FA, #D79BAD, #44433B)
• Patina Dune color palette (#FCF3EB, #FCCA9B, #89D0FF, #DA9857, #30564A)
• Patina Fern color palette (#F8F6E5, #B7E5D9, #CAC7D1, #CFBD98, #515200)
• Tempered Cocoa color palette (#FEF2EC, #F0D3BD, #DEA794, #AE887A, #653E00)
• Mint Drift color palette (#F9F7DA, #D5ECB5, #A7C97D, #7D945A, #383730)
• Powdered Atelier color palette (#F7F8D3, #9FF55F, #E391FF, #539800, #522261)

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