Tempered Field color palette — #EFF7F4 · #D2DBDD · #B1C6CB · #8A9662 · #3D4B46

Moss takes the lead with Stone close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Silver (#D2DBDD): a clean, paper-quiet neutral.
• Stone (#B1C6CB): A luminous, dusty blue — the color of deep harbor water.
• Moss (#8A9662): A luminous, dusty green — the color of fresh herbs.
• Charcoal (#3D4B46): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Muted Lagoon Market color palette (#EAF8FA, #CEDBE5, #AFC2D4, #009D80, #2C4547)
• Softworn Dune color palette (#D9F9FF, #A9C9D4, #859DA9, #697596, #4A4B69)
• Emerald Studio color palette (#CFECE8, #63A162, #355353, #1F3230, #0F1B19)
• Weathered Workshop color palette (#E4F2EE, #A5B9B6, #7D9D9A, #3D5E00, #051814)
• Patina Study color palette (#DFFEF0, #9ABF7C, #54976B, #236D86, #1D4540)
• Celadon Quarry color palette (#E0FCF7, #DEF696, #9ED98F, #64B38C, #1C4542)
• Ancient Courtyard color palette (#E2EDF1, #B5C7D1, #8CA9BD, #006D79, #07232C)
• Hushed Driftwood Alley color palette (#F0F7F3, #D0DEDE, #B1C5C8, #979162, #414A45)

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