Tempered Field color palette — #FFF2EB · #E5D9D3 · #C3BDA1 · #F08A00 · #491F05
Apricot takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Bone (#E5D9D3): a clean, paper-quiet neutral.
- Stone (#C3BDA1): A luminous, dusty green — the color of a quiet forest floor.
- Apricot (#F08A00): A luminous, vivid gold — the color of old brass.
- Espresso (#491F05): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Optimism, Sophistication. Tagged candy, vibrant, light, 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
- Antique Mustard color palette (#FFF2EC, #F3D4CC, #E3C097, #EFB100, #552200)
- Patina Grove color palette (#FFF1F0, #E5D1CC, #C4BEB2, #FF8997, #481D2C)
- Muted Stone Coast color palette (#FEF4E5, #B3F1DF, #DEDBCC, #BEB76F, #36322C)
- Quiet Amber color palette (#FFF3E9, #FFBF80, #C48300, #865D00, #453500)
- Hushed Apricot color palette (#FFEBF7, #FFB6C6, #FF8E67, #A67600, #2E1200)
- Sunlit Lime color palette (#FFF4E0, #DFDDCD, #FED767, #B4B900, #332900)
- Tempered Blush Field color palette (#FFF2EB, #F7AAFC, #FF8886, #808F00, #4F2500)
- Tempered Corridor color palette (#FFF2EB, #FFDCB8, #BCA670, #598061, #1C5544)
Browse the whole catalog at Explore, or see today's palette.