Tempered Field color palette — #FFF3E2 · #FFB198 · #A3AC57 · #6F80AE · #413C37

Sage and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Melon (#FFB198): A whisper-light, balanced orange — the color of toasted spice.
• Sage (#A3AC57): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#6F80AE): A luminous, dusty violet — the color of wild irises.
• Charcoal (#413C37): quiet, heavy and certain.

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

• Wandering Orchard color palette (#FFF3E9, #F3C88E, #88BD93, #A4808F, #4A4740)
• Softworn Mallow Garden color palette (#FBF6DA, #FFA7D9, #D4955E, #518BA2, #4E3730)
• Frosted Apricot color palette (#FFF2EA, #FFA47C, #47B0C5, #7079AB, #303557)
• Worn Apricot Harbor color palette (#E5FCE9, #E99E59, #938831, #286B8A, #314232)
• Taupe Pier color palette (#FEF4E1, #EEC484, #A09349, #0E745C, #35312B)
• Muted Basin color palette (#FFE9E1, #9FCD31, #28AAB2, #94608A, #2F312B)
• Muted Moss Thicket color palette (#FFDEBF, #F9951A, #44B217, #6153B0, #332700)
• Patina Teal Basin color palette (#FDF3EC, #D7E2FA, #A5BEEC, #57A8A0, #5B3D4D)

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