Tempered Field color palette — #EBF9F1 · #C4E1E6 · #92B9A4 · #976C7B · #2B4444

Mocha takes the lead with Sage close behind in a set that reads as sophistication and grounding at first glance.

The five colors

• Ivory (#EBF9F1): bright and airy, almost weightless.
• Silver (#C4E1E6): A whisper-light, dusty blue — the color of deep harbor water.
• Sage (#92B9A4): A luminous, dusty teal — the color of sea glass.
• Mocha (#976C7B): A full-bodied, dusty rose — the color of a warm blush.
• Charcoal (#2B4444): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered 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

• Stone Summit color palette (#FFF1F7, #CAF0E8, #CFA489, #8D6E8C, #2C463B)
• Weathered Bronze color palette (#E8FAEF, #BFE7DB, #A99F6D, #8B6036, #093938)
• Hushed Stone Hollow color palette (#E8F6EE, #B6C292, #658D79, #485F4D, #1E302D)
• Muted Fern Workshop color palette (#F9F5E9, #E1DBB4, #BDB982, #A38F6E, #4C4B00)
• Chestnut Thicket color palette (#F1F5FD, #A0ACDB, #A785B4, #7B6414, #1F293A)
• Chestnut Chapel color palette (#E9FBE9, #A7D3BD, #A98249, #81452F, #002822)
• Timeworn Cerulean color palette (#EEF6FD, #E9D3CF, #628CA6, #2D4A5F, #121D25)
• Aged Pewter Quarry color palette (#E7F9FF, #D7DBE6, #ABB1F1, #8A5FA2, #601D44)

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