Tempered Studio color palette — #F2F7EC · #A4B790 · #C183A3 · #008766 · #684140

Fern and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Sage (#A4B790): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#C183A3): A luminous, balanced rose — the color of a warm blush.
• Fern (#008766): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#684140): A full-bodied, dusty orange — the color of toasted spice.

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

• Softworn Cocoa Lagoon color palette (#EDF9EE, #7CBDC0, #C58583, #008388, #773920)
• Hushed Wisteria color palette (#ECF5E7, #76C5B4, #C682B5, #008472, #46262A)
• Olive Boulevard color palette (#F8F6E6, #AAB68A, #9D8EC9, #697D00, #50466C)
• Blush Ridge color palette (#EAF9F8, #9FD3AD, #EE91A8, #549F6D, #58455D)
• Bronze Meadow color palette (#EFF9E8, #6AA695, #8D7FB7, #A46436, #3B4634)
• Ancient Fern color palette (#F9F5EB, #BFB89F, #8B8054, #73582D, #504900)
• Patina Cypress Chapel color palette (#EFF8F1, #D3BD9A, #456750, #20412B, #192927)
• Feathered Crimson color palette (#E7FCE5, #00A9A3, #D3445D, #006A66, #710023)

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