Tempered Field color palette — #DFFBFF · #D7DEEA · #B6AAA2 · #8BA373 · #1B3742

Moss and Deep Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#DFFBFF): A whisper-light, dusty blue — the color of deep harbor water.
• Silver (#D7DEEA): a clean, paper-quiet neutral.
• Ash (#B6AAA2): soft and architectural.
• Moss (#8BA373): A luminous, dusty green — the color of fresh herbs.
• Deep Teal (#1B3742): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Ash Field color palette (#E6F9FF, #D8DCE7, #BEAFA8, #81B6B1, #364854)
• Worn Lagoon color palette (#E4FAFF, #E1DDE8, #FFBCF6, #009C7A, #0C2E4E)
• Weathered Villa color palette (#E0F6FD, #A4E1EF, #70BBDE, #008479, #002632)
• Worn Amber Parlor color palette (#FFF0F9, #F1BC82, #BD745B, #674E6D, #092819)
• Ancient Shell color palette (#EFF6FF, #E7D9E2, #FFAEBB, #32859E, #191D38)
• Dusty Lagoon color palette (#EAFBE6, #BDE2CD, #90A6E5, #207E52, #20442C)
• Linen Ridge color palette (#EBF7FF, #00AEDB, #B77B31, #81551D, #001825)
• Peony Boulevard color palette (#C6E4FF, #BBACFF, #CB649E, #004848, #00000C)

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