Tempered Oat Garden color palette — #FFF4DE · #D1D2B2 · #9CB097 · #977774 · #674C47

Oat takes the lead with Sage close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Oat (#D1D2B2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9CB097): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#977774): A full-bodied, dusty orange — the color of autumn markets.
• Coffee (#674C47): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Sophistication. Tagged vintage, retro, muted, light.

Use it as a design system

One click turns Tempered Oat Garden 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

• Hushed Bronze color palette (#EFFADD, #B6CDB7, #8AACA3, #9F6A38, #754B03)
• Stone Summit color palette (#FBF4EF, #CBE9E8, #8ABEB0, #738F6F, #604B5C)
• Tempered Dune color palette (#DAE2CD, #A6B48E, #488695, #79494A, #50280A)
• Cerulean Terrace color palette (#DBF1B4, #90CCB4, #499DB0, #8F5F66, #603A31)
• Denim Station color palette (#E5FAFC, #ACC9D1, #7B929C, #606C83, #5B4E67)
• Dusty Loft color palette (#FBF7D2, #A9CFA2, #69B598, #3D8A7F, #3E5A40)
• Aged Loft color palette (#ECFBE4, #6FC4B1, #CE8FAA, #B97868, #3A4733)
• Hushed Stone color palette (#F2F8EA, #94D5B5, #E19AA9, #589C7D, #68423A)

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