Tempered Stone color palette — #FFF2EA · #F9B092 · #90C08B · #B47D66 · #4D4E46

Melon and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Melon (#F9B092): A luminous, balanced orange — the color of toasted spice.
• Mint Leaf (#90C08B): A luminous, balanced green — the color of fresh herbs.
• Caramel (#B47D66): A luminous, dusty orange — the color of autumn markets.
• Charcoal Brown (#4D4E46): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Tempered Stone 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

• Weathered Apricot Parlor color palette (#FFF2E9, #EA9C6D, #A0AC70, #B4809D, #47413C)
• Worn Honey color palette (#FEF3E7, #EDB97A, #D79ACA, #AB8456, #614447)
• Dusty Pier color palette (#FFF2EA, #D5A28E, #58A4C1, #9E6047, #2C5744)
• Patina Cocoa Studio color palette (#FBF4EA, #E9CE96, #8E7B53, #664600, #2F2B23)
• Weathered Amber Orchard color palette (#FDF3EC, #ECD9BC, #81DBF3, #D1845A, #2C4F3B)
• Hushed Shell Canyon color palette (#FFF2EE, #FFA8B4, #9BADF0, #BB767F, #5C4456)
• Worn Taupe Balcony color palette (#FFF3E8, #FFCCA8, #CC9269, #865C3E, #552D00)
• Timeworn Chestnut Grove color palette (#FFF3E8, #DDDBCB, #ABB4C9, #BF9F8A, #754804)

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