Tempered Field color palette — #ECF0E2 · #709D8E · #005B99 · #00394B · #00081D

A conversation between Peacock and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Cream (#ECF0E2): bright and airy, almost weightless.
• Eucalyptus (#709D8E): A luminous, dusty teal — the color of glacier melt.
• Peacock (#005B99): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#00394B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00081D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Weathered Orchard color palette (#E2E3D4, #5D9FA0, #00646D, #003C36, #000C0F)
• Quiet Ultramarine color palette (#EBF0E0, #78A7D1, #0065C0, #004661, #000B40)
• Washed Denim color palette (#D3EBEA, #5DAAE0, #005795, #002938, #000105)
• Softworn Navy Orchard color palette (#EDE1D6, #5387AA, #00318F, #002225, #080029)
• Patina Cobalt Terrace color palette (#DFE1D6, #82BBD1, #007FAC, #005763, #002237)
• Weathered Grove color palette (#F6F6EA, #86DCDD, #009FAB, #007368, #003A44)
• Wandering Hollow color palette (#EFDDC6, #8A6827, #603D00, #381C00, #050300)
• Soft Ultramarine color palette (#FBDAD6, #A93B68, #0042D6, #6A0037, #00031D)

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