Tempered Field color palette — #F6F2E6 · #C3C89D · #768A6A · #51675F · #31322B

Pistachio and Eucalyptus set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6F2E6): bright and airy, almost weightless.
• Pistachio (#C3C89D): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#768A6A): A luminous, dusty green — the color of new leaves after rain.
• Graphite (#51675F): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#31322B): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Spruce Quarry color palette (#F3F2EA, #A2D0B4, #558E8C, #695C6A, #2A3700)
• Muted Olive Cabin color palette (#F4F7EB, #BBC6A5, #708C4C, #5C6B58, #45550C)
• Driftwood Veranda color palette (#FBEDF7, #E7D4D0, #D7C0A5, #6B9282, #45373D)
• Softworn Meadow color palette (#F8F0EB, #C5E8E5, #7EA0C1, #3F7766, #41303C)
• Dusty Terrace color palette (#EBF9F3, #AEDCD6, #79A4A8, #658291, #395350)
• Tempered Moss color palette (#F7E3D0, #9E8F2B, #376216, #512B39, #191100)
• Jade Workshop color palette (#EDE5C5, #3FAD69, #006A63, #652436, #001C0A)
• Hushed Taupe color palette (#FDEDF5, #AFAAEB, #AE9C52, #6F6A9D, #34312A)

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