Tempered Field color palette — #FFF4E0 · #B5C48F · #59915E · #0C7751 · #3A5339
Pine takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
- Pistachio (#B5C48F): A luminous, dusty green — the color of new leaves after rain.
- Fern (#59915E): A luminous, balanced green — the color of fresh herbs.
- Pine (#0C7751): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#3A5339): A full-bodied, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged 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 Villa color palette (#FFF1E6, #C5B283, #928E42, #487338, #50534C)
- Emerald Archive color palette (#CCEFE1, #A8C486, #589F56, #2D6949, #183C3E)
- Worn Lagoon color palette (#F6F9D5, #8AC8B0, #259490, #007485, #2D5549)
- Ancient Pine Canyon color palette (#F3F7EC, #8FBC9F, #B784B9, #208754, #5E4160)
- Hushed Celadon Canyon color palette (#DCFFEB, #CEE390, #94C990, #63A290, #30535D)
- Timeworn Moss color palette (#DFE8A4, #5CB14C, #008258, #005C58, #1B3F5F)
- Driftwood Coast color palette (#F3F8E6, #CAE4DC, #E4C7E3, #8E8559, #4B5444)
- Softworn Bronze color palette (#FBF4EB, #C2B79B, #A2773A, #864D24, #4C4B00)
Browse the whole catalog at Explore, or see today's palette.