Tempered Stone color palette — #FFF1F3 · #FAAF96 · #876389 · #5B363D · #2B1D20

Melon and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Melon (#FAAF96): A luminous, balanced orange — the color of sun-warmed clay.
• Slate (#876389): A full-bodied, dusty pink — the color of neon signs at night.
• Cocoa (#5B363D): A deep, shadowed, dusty red — the color of late-summer berries.
• Onyx (#2B1D20): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Creativity, 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

• Marigold Field color palette (#FFF2EE, #FEA24B, #AC3E4A, #60242A, #2A130C)
• Tempered Ash Dune color palette (#F4F4FF, #E8D3A7, #A289B6, #6E597E, #201F30)
• Worn Chapel color palette (#FEF1F5, #C3AB79, #5D466E, #45212E, #271614)
• Mallow Station color palette (#FCF2F3, #F1A9E3, #C57382, #A7679B, #2F201C)
• Ancient Blush Terrace color palette (#FFF3E8, #F98AA1, #B87065, #6C6434, #51352D)
• Powdered Coral Grove color palette (#FFE9F0, #FFA6B7, #CE7175, #955148, #6A210A)
• Seafoam Balcony color palette (#FDF1FC, #83D9B1, #5072A9, #503A4F, #271E27)
• Dusty Lagoon color palette (#FDF2F2, #E2D8D1, #C8BEB4, #B17D97, #504544)

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