Tempered Stone color palette — #FFF0F9 · #EFDABE · #EAA58F · #B07D6C · #452B3C

Built around Melon, softened by Caramel — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Bone (#EFDABE): A whisper-light, dusty gold — the color of honey in a jar.
• Melon (#EAA58F): A luminous, balanced orange — the color of toasted spice.
• Caramel (#B07D6C): A luminous, dusty orange — the color of toasted spice.
• Espresso (#452B3C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Warmth, Comfort, Sophistication. Tagged monochrome, light, muted, warm.

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

• Antique Mallow Field color palette (#F9F2FF, #FFD2E0, #E7A2C2, #A9788F, #3F2D4A)
• Hushed Coast color palette (#FEF1F5, #F0DCA8, #BE966C, #81636E, #32282C)
• Timeworn Coast color palette (#E5FDE3, #FFDCA9, #DAAD7E, #A2855F, #273F29)
• Hushed Cocoa color palette (#FFEEE5, #E9C0A9, #B8765F, #79361C, #361207)
• Aqua Thicket color palette (#FDF2F5, #FFD6A8, #6BCAC7, #CCA272, #203135)
• Timeworn Apricot color palette (#FFF3E7, #FFC596, #F59000, #AD5F00, #381D00)
• Seafoam Terrace color palette (#F9D7FF, #14FDEA, #FFC2C0, #786877, #363236)
• Wandering Mustard color palette (#EEF9EC, #F6B460, #A1B6E7, #8799C4, #344133)

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