Tempered Field color palette — #F3F6EF · #D4DCD7 · #ADB3BF · #A5B58D · #4B4F46

Built around Sage, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F6EF): a clean, paper-quiet neutral.
• Silver (#D4DCD7): a clean, paper-quiet neutral.
• Ash (#ADB3BF): a calm mid-gray that lets other colors speak.
• Sage (#A5B58D): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#4B4F46): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. 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

• Antique Bone Villa color palette (#E9FBE9, #C0E6E2, #AEC7BC, #9A838D, #644D53)
• Hushed Orchard color palette (#F4F7EB, #BAE1DC, #A4B595, #818D48, #3B4E05)
• Lagoon Archive color palette (#EBF4F3, #D0D9DF, #B2B0C3, #638F71, #2E3938)
• Dusty Abyss color palette (#DCE2D8, #B3BFB0, #839983, #004739, #010200)
• Washed Chapel color palette (#EDF8F1, #CBDDDD, #A4C3B8, #006B80, #041009)
• Dusty Seafoam color palette (#F7F7E0, #A5EED9, #6CB0B0, #61719B, #364431)
• Worn Teal color palette (#EFF9ED, #60C1B9, #4B594D, #252E23, #0D110B)
• Denim Pier color palette (#E5F1ED, #D9CADB, #B79CB5, #00537C, #000302)

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