Tempered Field color palette — #D6E2D6 · #84762E · #5D3E00 · #421B00 · #001C14

Walnut and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#D6E2D6): A whisper-light, dusty green — the color of a quiet forest floor.
• Walnut (#84762E): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#5D3E00): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#421B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#001C14): A deep, shadowed, dusty teal — the color of sea glass.

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

• Airy Bronze color palette (#FDE9F1, #9D6A00, #6C3400, #520102, #1B1600)
• Antique Olive Orchard color palette (#D1F3DE, #5F7023, #423800, #291800, #011000)
• Driftwood Pier color palette (#DCF6E0, #918B33, #6E5000, #552A00, #002B23)
• Weathered Bronze Parlor color palette (#FFECD3, #B19E5F, #A0731E, #854901, #181700)
• Dusty Nightshade Study color palette (#D9EBDA, #6D4900, #3F00B4, #520014, #001202)
• Inked Courtyard color palette (#F8D4E2, #735300, #432200, #250400, #040300)
• Bronze Station color palette (#D4EBE4, #A66D00, #1E2C00, #060B00, #000204)
• Olive Bloom color palette (#E0EFEA, #6A8200, #004462, #2C3700, #000409)

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