Tempered Field color palette — #E4E8D2 · #569971 · #007454 · #005065 · #050700

Pine and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E4E8D2): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#569971): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#007454): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005065): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Ink (#050700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, 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

• Linen Olive Corridor color palette (#F2EEDE, #78953B, #3A7200, #005451, #040700)
• Patina Field color palette (#E9E3CE, #518437, #005337, #3C1552, #060600)
• Worn Cobalt Hollow color palette (#DFE2D6, #69ABC4, #007EAC, #005B68, #000A15)
• Misty Grove color palette (#F5EACF, #8B8F30, #586B00, #752D33, #080600)
• Patina Pine Hollow color palette (#E5E4D5, #77A858, #078820, #843F1A, #061400)
• Twilit Fern Parlor color palette (#F8ECD8, #496120, #00331F, #2B0019, #010100)
• Teal Lagoon color palette (#DFE9D5, #79CCBB, #00A69F, #437AA7, #1B2F10)
• Airy Study color palette (#F2DAD6, #CF3F7E, #866F00, #9A0054, #080600)

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