Tempered Field color palette — #D8F2E7 · #6C7400 · #006E7A · #630098 · #020200

A conversation between Plum and Olive, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D8F2E7): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#6C7400): A full-bodied, balanced green — the color of new leaves after rain.
• Teal (#006E7A): A full-bodied, balanced blue — the color of deep harbor water.
• Plum (#630098): A deep, shadowed, vivid violet — the color of wild irises.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged vibrant.

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

• Linen Pine color palette (#D6F6F2, #027F1F, #00644F, #610060, #020200)
• Antique Garnet color palette (#FBE6FA, #897B00, #006959, #680053, #020400)
• Pale Alley color palette (#F5DDEA, #AD4C00, #007072, #5B0E9E, #050100)
• Linen Aubergine color palette (#D4F3FD, #007D7E, #2B5B87, #760073, #000202)
• Ancient Garnet Canyon color palette (#DAF4E9, #6C7400, #0064AB, #84003D, #020200)
• Aubergine Ridge color palette (#F3ECDF, #635100, #004A71, #390062, #020200)
• Pale Byzantium Cabin color palette (#CFE7F1, #009CAE, #2E78A7, #902DA7, #001014)
• Sapphire Thicket color palette (#C4EDF7, #008E89, #126CD7, #9D004A, #000606)

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