Tempered Field color palette — #D6E4D9 · #008042 · #00638A · #553300 · #000F04

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

The five colors

• Bone (#D6E4D9): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#008042): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#00638A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#553300): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#000F04): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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

• Soft Olive color palette (#C7F0E1, #647400, #00686E, #6B1C00, #090D00)
• Feathered Olive Hollow color palette (#E2EADE, #3D7D00, #006679, #003C6F, #030E00)
• Weathered Coast color palette (#CBE9E2, #00A19F, #006971, #003D46, #00161F)
• Jade Workshop color palette (#DCF3F2, #00B072, #006966, #005B39, #000406)
• Aged Aubergine Hollow color palette (#D7E5D4, #00928E, #005D6B, #310087, #001617)
• Emerald Parlor color palette (#CBF0CC, #00A22E, #0083AC, #824700, #032707)
• Worn Study color palette (#E4F6F7, #BCDAE0, #85B4C2, #006B57, #001F22)
• Ancient Boulevard color palette (#E2F3FF, #00729E, #630089, #520031, #100200)

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