Tempered Field color palette — #E6FAF9 · #F7A753 · #006139 · #001F0F · #000202

Apricot takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E6FAF9): A whisper-light, dusty teal — the color of glacier melt.
• Apricot (#F7A753): A luminous, balanced gold — the color of afternoon light on wheat.
• Pine (#006139): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#001F0F): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Patina Apricot color palette (#E9F8FF, #FFAB8C, #006374, #00232A, #000102)
• Patina Tangerine Quarry color palette (#DDF3F7, #E8852D, #00463E, #252329, #000A08)
• Pale Olive color palette (#DEE1C5, #C6BD3F, #3F8D2E, #33522C, #0C0C00)
• Aged Amber Parlor color palette (#DCE1CC, #A98738, #004218, #001D06, #000902)
• Weathered Lagoon Lantern color palette (#EBF8FB, #FFDEC9, #008887, #0C3F4B, #011217)
• Worn Pine Coast color palette (#E8F9F8, #7BD290, #0080B4, #007837, #000103)
• Muted Pier color palette (#EDF7F9, #D4DDE9, #BAC4E4, #048A77, #102224)
• Tempered Terrace color palette (#FFF0FA, #00BCA3, #0073A4, #701F00, #00161D)

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