Tempered Field color palette — #DDF6E9 · #878E45 · #5E5800 · #423600 · #1F2800

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

The five colors

• Honeydew (#DDF6E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Moss (#878E45): A luminous, balanced green — the color of new leaves after rain.
• Olive (#5E5800): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#423600): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#1F2800): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, 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

• Washed Chestnut Veranda color palette (#FFE5EE, #A28153, #7A4800, #562900, #0E2B15)
• Weathered Moss Balcony color palette (#F6F0DF, #B2B874, #9C9100, #7D6A1B, #2A2401)
• Weathered Bronze Grove color palette (#EDE7D9, #95A676, #7F7311, #684500, #042D0B)
• Patina Bronze Pier color palette (#D8E4D9, #826200, #4C3300, #2B1700, #0F0B00)
• Hushed Bronze color palette (#FFF1F5, #BEA27B, #8C6B48, #694555, #304234)
• Weathered Lagoon color palette (#E9FAF0, #9FC1B1, #628B75, #4B6553, #374D45)
• Hushed Study color palette (#D0E1E8, #709B4C, #003E43, #001A1D, #01050F)
• Weathered Canyon color palette (#CEECF0, #006559, #5A3000, #2F2700, #001904)

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