Tempered Pine color palette — #EFF2D8 · #358C55 · #005136 · #2F2B00 · #060900

Built around Fern, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Cream (#EFF2D8): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#358C55): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#005136): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Espresso (#2F2B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#060900): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Dusty Lagoon Canyon color palette (#DFEFE5, #009465, #005836, #001D0F, #000201)
• Patina Olive color palette (#EDE5D5, #847B02, #434800, #332900, #0B0700)
• Tempered Pine color palette (#E6E9D9, #00822D, #005C96, #004313, #000814)
• Aged Hollow color palette (#C7E6DE, #16905E, #00504A, #4C1E18, #002112)
• Pine Bloom color palette (#F1F4DF, #75BA89, #007F57, #32572D, #002910)
• Hushed Hollow color palette (#DAF0E6, #00684E, #005374, #433C00, #000503)
• Antique Olive color palette (#F9F1E0, #A3A566, #5D6D12, #464740, #231B01)
• Pale Alley color palette (#E1EDCE, #6BC9B3, #009F9E, #00602C, #00130D)

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