Tempered Field color palette — #FCF4E5 · #B3BA89 · #688D48 · #71622F · #37352F

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

The five colors

• Cream (#FCF4E5): A whisper-light, dusty gold — the color of old brass.
• Sage (#B3BA89): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#688D48): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#71622F): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#37352F): a grounded near-black with real depth.

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

• Tempered Emerald color palette (#FEF5DD, #B2C483, #4F9B37, #367763, #3C3B34)
• Washed Driftwood color palette (#EAFAF1, #CFD69A, #80925B, #6A6536, #043023)
• Jade Villa color palette (#F7F5EC, #C6C89F, #5BA173, #817227, #464600)
• Powdered Pine color palette (#E9E5D5, #8DB26F, #00893D, #226158, #2C2A03)
• Soft Mint color palette (#ECEECD, #43C686, #008B75, #356A20, #003820)
• Hazy Pine Archive color palette (#F6EFDB, #839E4E, #1F741F, #4C4700, #151F00)
• Ancient Garden color palette (#F2E6D2, #797A1C, #354E00, #003520, #060600)
• Emerald Archive color palette (#E4E2C6, #4D9657, #006246, #2B4000, #001503)

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