Tempered Stone color palette — #F9E9F5 · #BFB678 · #8C5147 · #55251D · #200F1D

Sage takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F9E9F5): A whisper-light, dusty pink — the color of a candy shop window.
• Sage (#BFB678): A luminous, balanced green — the color of fresh herbs.
• Coffee (#8C5147): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#55251D): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#200F1D): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Hushed Mulberry color palette (#F2EBFC, #ADBC80, #884B76, #4F2442, #1A1124)
• Antique Bronze color palette (#FFF1F7, #D2C494, #956544, #5B3921, #2A1E23)
• Antique Mustard color palette (#E4F3E6, #D2AF65, #7C5E18, #463200, #071B0C)
• Softworn Boulevard color palette (#F8EAF2, #F5BC7C, #D06335, #754A39, #1D1219)
• Sunlit Terracotta Hollow color palette (#FFF2EC, #DFD27D, #A6392C, #48140D, #0B0200)
• Softworn Market color palette (#FAEBE2, #BD9264, #732602, #3E1000, #190F00)
• Rust Corridor color palette (#FDF1F8, #F19B7E, #5D9045, #B15130, #021D19)
• Muted Field color palette (#EEF8F1, #BADBBF, #658770, #375541, #242E27)

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