Tempered Stone Field color palette — #F7EFF8 · #ADBC6C · #7D3F4A · #341D37 · #110913

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

The five colors

• Blush (#F7EFF8): a clean, paper-quiet neutral.
• Sage (#ADBC6C): A luminous, balanced green — the color of fresh herbs.
• Coffee (#7D3F4A): A full-bodied, balanced red — the color of embers at dusk.
• Deep Indigo (#341D37): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#110913): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Stone Field 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 Veranda color palette (#FAEEF3, #CEC58E, #7E573E, #412835, #1B1015)
• Tempered Marigold color palette (#E4F8E7, #D19F00, #634700, #2C1E00, #000B02)
• Sunlit Moss Loft color palette (#F2D4E8, #A29800, #6F1F00, #2D0700, #090005)
• Antique Pewter Corridor color palette (#F8EFF3, #C8D7DB, #AABEC2, #8F677B, #32292D)
• Muted Blush Pier color palette (#F7EFF6, #FC8F92, #168B51, #9A474B, #021111)
• Wandering Cocoa color palette (#FFF2EC, #FFE2A5, #9D655E, #5E2403, #160D09)
• Worn Amber Boulevard color palette (#D9F3E3, #B78200, #433800, #171200, #000201)
• Powdered Amber color palette (#E5F8E5, #E37D44, #5F742F, #3A4272, #172718)

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