Tempered Field color palette — #CDE7DE · #7E9E18 · #00818F · #5D00C7 · #2A0006

Plum and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#CDE7DE): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#7E9E18): A luminous, balanced green — the color of new leaves after rain.
• Teal (#00818F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Plum (#5D00C7): A full-bodied, vivid violet — the color of wild irises.
• Ink (#2A0006): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Soft Aubergine Archive color palette (#CFEBEA, #00AB62, #007AB4, #82008D, #220900)
• Navy Garden color palette (#DBEFE1, #AE8B00, #00866E, #004BA7, #26001B)
• Timeworn Ultramarine Boulevard color palette (#D1E5E8, #008572, #2649B7, #66003C, #030100)
• Ancient Balcony color palette (#E0E9D0, #77AEAD, #329B90, #6D4E8E, #3A1232)
• Dusty Drift color palette (#D6E8E9, #00A885, #2869E2, #92005B, #1A1000)
• Misty Loft color palette (#D8F0E4, #7A7A00, #00642F, #570055, #131300)
• Hazy Plum Boulevard color palette (#CCF0EF, #00C877, #0B8CF3, #B5007F, #312100)
• Antique Brick Villa color palette (#CBE7F0, #00B8C0, #8B6ED5, #B5150F, #1A2400)

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