Tempered Studio color palette — #FFF2F0 · #FFD3C6 · #B9B571 · #72578C · #563428

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

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Shell Pink (#FFD3C6): A whisper-light, dusty orange — the color of toasted spice.
• Sage (#B9B571): A luminous, balanced green — the color of new leaves after rain.
• Slate (#72578C): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#563428): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged pastel, 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

• Stone Garden color palette (#FFF1F6, #FED1CD, #E3A683, #516B99, #58383A)
• Hushed Harbor color palette (#FFF2ED, #E0DCCD, #B9C89D, #8F678C, #773E14)
• Mulberry Bloom color palette (#FFF0E6, #F6D281, #6EBF82, #9C355D, #4C2C00)
• Patina Plum color palette (#FCEBFF, #FFC9BE, #DFAA72, #9D4D7E, #31152D)
• Worn Garden color palette (#FFF2EE, #E9D9C0, #F5B67C, #B66D93, #463E3B)
• Powdered Moss Thicket color palette (#FFE4DE, #E1A07A, #9C9217, #642F64, #3B1909)
• Hushed Chestnut Garden color palette (#FAE4CD, #A7946D, #815A2E, #62362C, #31312A)
• Powdered Chestnut color palette (#FEECD2, #C5DA98, #45A9AA, #8C4A39, #30370C)

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