Tempered Field color palette — #E6FCEE · #C5D28A · #8AAC78 · #648C8E · #213C32

Pistachio and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E6FCEE): A whisper-light, dusty teal — the color of glacier melt.
• Pistachio (#C5D28A): A whisper-light, balanced green — the color of new leaves after rain.
• Sage (#8AAC78): A luminous, balanced green — the color of a quiet forest floor.
• Storm Blue (#648C8E): A luminous, dusty teal — the color of sea glass.
• Forest (#213C32): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Teal Loft color palette (#E3FBF9, #94DBC1, #5CB1A9, #618D8A, #153C3F)
• Hushed Thicket color palette (#FFF1F5, #BBB96C, #5D8F56, #456A76, #223C30)
• Washed Emerald color palette (#CDEDE0, #9ACA80, #44A869, #5777A0, #00312A)
• Weathered Stone color palette (#EFF8F0, #C2E9D3, #95C0B2, #859EAD, #405248)
• Patina Olive color palette (#F5F2E5, #96A878, #4B7132, #255133, #201D02)
• Lime Hollow color palette (#DEEFE7, #8BB847, #499251, #2F7164, #00211A)
• Powder Villa color palette (#EFF8F0, #C5E4FF, #8FB3EA, #4498B0, #2D3A55)
• Timeworn Blush Corridor color palette (#D3E7FF, #73B1FF, #EE7D88, #74A657, #172C45)

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