Tempered Field color palette — #F1F5FF · #7F8AD1 · #758658 · #57653F · #363D4D

A conversation between Lavender Blue and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lavender Blue (#7F8AD1): A luminous, balanced violet — the color of a velvet chair.
• Fern (#758658): A full-bodied, dusty green — the color of fresh herbs.
• Olive (#57653F): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal (#363D4D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Worn Hollow color palette (#EEF6FF, #5095D4, #A17454, #7A563C, #333E4A)
• Lilac Bloom color palette (#F5F3FF, #B581C3, #517D4F, #2D5F4B, #184A53)
• Lilac Pier color palette (#DDFDFB, #A29FDE, #9C6474, #276560, #474559)
• Wandering Driftwood Canyon color palette (#F4F4FC, #E4D8DF, #B6ACA4, #7E7F9B, #525258)
• Timeworn Ash color palette (#FEECF7, #8A90C5, #A8717D, #256A6C, #2D1D27)
• Aged Lilac Station color palette (#F3F4FF, #B29FD9, #C88888, #428597, #393B4F)
• Patina Lagoon color palette (#F7F3FF, #B45BA5, #008187, #085F63, #352F41)
• Hushed Powder Boulevard color palette (#F1F5FE, #B4B9FF, #A76B65, #64679C, #352933)

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