Tempered Field color palette — #FAF4EC · #D9DBCC · #C8BB9E · #8E6000 · #583800

Ochre takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Bone (#D9DBCC): A whisper-light, dusty green — the color of fresh herbs.
• Stone (#C8BB9E): A luminous, dusty gold — the color of honey in a jar.
• Ochre (#8E6000): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#583800): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Softworn Olive color palette (#F6F6ED, #D2DFCF, #BAC19A, #597601, #484100)
• Bronze Alley color palette (#F8F0E9, #D6DBC3, #C4C19F, #965C08, #2D2318)
• Hushed Chestnut color palette (#F2EEE6, #D2CBBC, #ABA07C, #6A5100, #352D1F)
• Driftwood Cabin color palette (#FFF1F5, #CBEDEA, #BAD5CD, #AA7C49, #493C40)
• Timeworn Apricot Summit color palette (#FAF4EE, #D9DECD, #B7CBB6, #DF9035, #5C3600)
• Antique Driftwood Grove color palette (#F4F6F0, #D4DCD7, #9FAFB7, #7B8A46, #51544B)
• Tempered Mustard color palette (#FFF4DC, #FFC873, #CFB000, #728200, #3C3700)
• Softworn Spruce color palette (#E0E0D5, #A9AC95, #608B6D, #254000, #161502)

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