Tempered Field color palette — #EDF4EE · #D7DBEF · #839EC3 · #3C7482 · #2C364A

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Silver (#D7DBEF): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#839EC3): A luminous, dusty blue — the color of deep harbor water.
• Teal (#3C7482): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#2C364A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Hushed Denim color palette (#D8E7DB, #6EA4C4, #185A97, #003841, #010230)
• Washed Ridge color palette (#E1ECE3, #80BFCD, #00759A, #004C48, #00172A)
• Hushed Parlor color palette (#F9F4EF, #CEE3E5, #B18CA8, #007F7F, #674855)
• Muted Bloom color palette (#FBECFD, #CB868E, #7A9862, #547BA7, #302131)
• Patina Lagoon color palette (#FBF2F6, #D8D4DE, #CBBCEB, #57A09D, #474B66)
• Worn Lagoon color palette (#E4F3E7, #3A8684, #00444B, #002015, #000202)
• Worn Corridor color palette (#E8F6EB, #91DFE6, #0092AE, #006455, #00293B)
• Muted Veranda color palette (#F9EDFA, #EAD2D4, #D9B399, #9C89AC, #423140)

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