Tempered Pine color palette — #DEEFDF · #00874D · #00503A · #001913 · #000201

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

The five colors

• Honeydew (#DEEFDF): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#00874D): A full-bodied, balanced teal — the color of sea glass.
• Forest (#00503A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001913): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged muted.

Use it as a design system

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

• Olive Ridge color palette (#DEE2CA, #5F8300, #264C00, #001101, #000200)
• Lagoon Courtyard color palette (#CCECEB, #008894, #004D5B, #00151E, #000103)
• Washed Hollow color palette (#EBECCD, #649339, #00754D, #004241, #000406)
• Faded Mint color palette (#DAFFF0, #24D8BC, #008D85, #004A4E, #001216)
• Clover Meadow color palette (#C4E8E8, #61BE53, #00965E, #00655C, #000201)
• Inked Orchard color palette (#D9F5F3, #00662D, #003236, #111B1C, #100400)
• Timeworn Abyss color palette (#E2F2EF, #ADBFBD, #729B9B, #144900, #000201)
• Glacier Alley color palette (#65FFF7, #00B8C2, #007384, #003745, #000305)

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