Tempered Stone color palette — #FCEDF6 · #E6A58E · #8C747C · #604E5A · #261F25

Built around Melon, softened by Driftwood — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#FCEDF6): a clean, paper-quiet neutral.
• Melon (#E6A58E): A luminous, balanced orange — the color of toasted spice.
• Driftwood (#8C747C): A full-bodied, dusty rose — the color of a warm blush.
• Charcoal Brown (#604E5A): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#261F25): a grounded near-black with real depth.

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

• Aged Orchard color palette (#ECF4EE, #CFB471, #698277, #475A4C, #281F22)
• Weathered Taupe color palette (#FAEDF6, #CC8874, #495E4D, #41333C, #242026)
• Patina Amber Chapel color palette (#F6E0E8, #E78500, #7B642B, #583644, #1C0B16)
• Dusty Apricot Studio color palette (#FEF3ED, #F19176, #704D00, #362720, #140E0D)
• Timeworn Amber Market color palette (#E2F2E5, #C49200, #3F6C59, #28442E, #140A0E)
• Softworn Terrace color palette (#FDE9DD, #C46340, #563200, #251C17, #110B09)
• Muted Amber color palette (#FFF0F9, #FBCBAE, #E4AC75, #B78D3E, #355641)
• Softworn Market color palette (#FFF0FB, #ECD8E0, #B6CABD, #7FA2B1, #3F515F)

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