Tempered Field color palette — #E6F7EC · #BBAB76 · #777E47 · #235B65 · #1E3127

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

The five colors

• Cream (#E6F7EC): A whisper-light, dusty teal — the color of sea glass.
• Camel (#BBAB76): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#777E47): A full-bodied, dusty green — the color of new leaves after rain.
• Peacock (#235B65): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#1E3127): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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

• Taupe Lantern color palette (#E8F6EF, #9CA169, #4B7E64, #005661, #3D1E00)
• Aged Taupe Study color palette (#E7F7E8, #D89B7C, #91724E, #3B5C38, #38262E)
• Weathered Denim Field color palette (#FEF3E7, #C59F7E, #707F43, #604E84, #4B4741)
• Wandering Studio color palette (#E6F6F2, #A0CEC7, #5C8D8A, #526759, #223532)
• Washed Cypress color palette (#FCF5E2, #CABE8C, #8D9960, #067F7B, #4A4840)
• Sand Alley color palette (#EAFAEA, #FCD5AD, #98A97F, #667194, #314537)
• Dusty Bronze Coast color palette (#E0F3E8, #908526, #2E4039, #13221A, #090E0A)
• Tempered Olive Loft color palette (#D7FCE9, #8F9B00, #317300, #00474F, #172000)

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