Tempered Stone color palette — #FEF0FB · #BCB06C · #773F38 · #3B2637 · #241619

Built around Sage, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Blush (#FEF0FB): A whisper-light, dusty pink — the color of neon signs at night.
• Sage (#BCB06C): A luminous, balanced green — the color of new leaves after rain.
• Coffee (#773F38): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#3B2637): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#241619): A deep, shadowed, dusty red — the color of late-summer berries.

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 Study color palette (#FFF2ED, #C0CB93, #99605E, #5F3533, #2C1E18)
• Wandering Market color palette (#EDF9EE, #CDA959, #684C08, #18361F, #0E1F1C)
• Taupe Workshop color palette (#FEF2EC, #EAD2A2, #C18373, #885346, #2E1D13)
• Wandering Apricot Hollow color palette (#FDF1F9, #F68E72, #1E834C, #914734, #122928)
• Feathered Amber Meadow color palette (#FCD9EA, #AF8F00, #5E2A00, #2E1100, #1F0414)
• Cellar Chestnut Veranda color palette (#D3E4D4, #775A00, #292531, #1E1100, #040200)
• Dusty Veranda color palette (#CEE4D8, #B58200, #3C3700, #191700, #000909)
• Aged Grove color palette (#FCF2F5, #CBDADF, #AEC1C3, #8F6D4B, #4E4548)

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