Tempered Field color palette — #D7F0D7 · #DF9800 · #7B9700 · #007A5C · #4A0011

Mustard and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D7F0D7): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#DF9800): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#7B9700): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007A5C): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#4A0011): A deep, shadowed, balanced red — the color of embers at dusk.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Sunlit Emerald Balcony color palette (#CEF2DF, #B8AC00, #00A553, #00767A, #3E1600)
• Airy Thicket color palette (#FFDCEF, #FE7F39, #9E8A00, #007C3E, #49001B)
• Mustard Station color palette (#EEE2D2, #D4B750, #9FA367, #3A8A77, #652640)
• Antique Amber Pier color palette (#FFF3E8, #E47A00, #00812E, #004465, #240024)
• Wandering Mustard Summit color palette (#FDEED0, #DAAF00, #A78F00, #7B7300, #373900)
• Muted Amber color palette (#DCEADB, #C58100, #6D551C, #482F0B, #100308)
• Timeworn Moss color palette (#DCF1EC, #60A500, #00847B, #005781, #171100)
• Patina Fern color palette (#D5ECD8, #936A00, #3A6C0E, #5A003A, #050100)

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