Tempered Pine Field color palette — #D8E9E7 · #00914D · #024F39 · #002322 · #000202

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

The five colors

• Frost (#D8E9E7): a clean, paper-quiet neutral.
• Fern (#00914D): A full-bodied, balanced teal — the color of sea glass.
• Forest (#024F39): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#002322): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Tempered Pine 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

• Cypress Ridge color palette (#D1EFF3, #007D67, #003B38, #181C22, #00090B)
• Weathered Boulevard color palette (#D4F3E3, #847D00, #3D480D, #002416, #000201)
• Worn Dune color palette (#D2F3FA, #00A89C, #00666A, #003E39, #000A0B)
• Timeworn Mint Grove color palette (#D1EBEB, #46C494, #51777C, #394E4F, #0F1B1A)
• Washed Olive color palette (#DBF0E7, #97B369, #618D4B, #626936, #141F00)
• Tempered Azure color palette (#DCEDFD, #2DA4ED, #4C6380, #2B3F4F, #070E14)
• Cornflower Harbor color palette (#D6EAEB, #00A0A3, #477DEC, #548505, #001616)
• Wandering Amber color palette (#CBEBF1, #00B4A4, #B18800, #008276, #241900)

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