Tempered Field color palette — #F6F1E9 · #B7B68F · #2A8864 · #6D4953 · #2A2812

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F6F1E9): bright and airy, almost weightless.
• Sage (#B7B68F): A luminous, dusty green — the color of fresh herbs.
• Fern (#2A8864): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#6D4953): A full-bodied, dusty red — the color of a theater curtain.
• Onyx (#2A2812): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Pale Pine Thicket color palette (#FAF1E0, #99B272, #007F53, #613971, #252101)
• Spruce Market color palette (#F3F2E9, #BBC9A8, #439193, #785857, #273800)
• Weathered Bronze color palette (#FFEFDD, #E6B27E, #A36A00, #623900, #201000)
• Forest Corridor color palette (#EAE4D7, #769964, #00644D, #4C294F, #131300)
• Tempered Azure Meadow color palette (#F8F0EB, #C2E6D5, #618FD0, #006E61, #3D2232)
• Wandering Jade color palette (#EAF9F3, #B4E7F1, #6DB07D, #7B6F93, #1F3F39)
• Seafoam Terrace color palette (#FFEEE3, #DBDEBA, #9CD5AB, #9F6472, #37322C)
• Pale Thicket color palette (#FFD4CF, #DD8583, #B25500, #6B4400, #342504)

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