Tempered Field color palette — #FFF1F2 · #B84FA3 · #844800 · #004E10 · #003649

Fuchsia and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Fuchsia (#B84FA3): A full-bodied, vivid pink — the color of a candy shop window.
• Bronze (#844800): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#004E10): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Teal (#003649): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

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

• Quiet Violet Atelier color palette (#FFF1F6, #945FCD, #9B3000, #274B00, #003648)
• Plum Thicket color palette (#FFEDEB, #AA5976, #6D4E00, #004631, #002C52)
• Violet Study color palette (#FFECF5, #895EF9, #645D00, #004147, #001C20)
• Frosted Grove color palette (#FBE3D4, #B74300, #255A00, #00384E, #3F0041)
• Hazy Mulberry Workshop color palette (#F2D9D3, #982445, #403600, #002523, #0D0040)
• Washed Forest Orchard color palette (#FFE2F6, #D5A1AC, #A46E5D, #006C3D, #005452)
• Muted Olive Garden color palette (#FEF4E5, #AAA571, #5D7400, #5F3D84, #403C0B)
• Wandering Iris color palette (#EFF6FF, #6B96FF, #A16B00, #005D82, #00354C)

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