Tempered Field color palette — #FFECD1 · #CFD3A6 · #91B494 · #607FCE · #54446D

A conversation between Azure and Charcoal Brown, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFECD1): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#CFD3A6): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#91B494): A luminous, dusty green — the color of new leaves after rain.
• Azure (#607FCE): A luminous, balanced violet — the color of wild irises.
• Charcoal Brown (#54446D): A full-bodied, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, 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

• Muted Field color palette (#F6E7BF, #C5C6AA, #98AD89, #8080AC, #633B44)
• Hushed Petrol Parlor color palette (#F4E4C4, #B2C28E, #74A187, #5E6AA2, #452C59)
• Softworn Harbor color palette (#FFDDD1, #F1C697, #B8B46F, #009FBB, #304867)
• Aubergine Parlor color palette (#E0E4C4, #5FAA95, #048692, #693F79, #35001A)
• Stone Parlor color palette (#FFE6AD, #ADB479, #618B69, #3F557B, #312344)
• Quiet Cabin color palette (#E0F7E3, #7ED2C0, #00AFCD, #A46497, #69283D)
• Pale Lantern color palette (#FBF4EA, #BFF1E4, #91B5FF, #00A0C8, #363871)
• Softworn Atelier color palette (#FFE8E8, #DDAA9C, #979561, #8B5190, #683538)

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