Tempered Pine color palette — #D3E9E3 · #3D8749 · #00523A · #452000 · #000807

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

The five colors

• Honeydew (#D3E9E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#3D8749): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#00523A): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Espresso (#452000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#000807): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Patina Olive color palette (#D5EFDC, #7A7916, #364E00, #372900, #060600)
• Hushed Pine color palette (#DBF6E1, #09913C, #005423, #002007, #000301)
• Linen Harbor color palette (#D2F2EC, #428E1F, #72008A, #174400, #0E0013)
• Forest Study color palette (#D7F6EA, #007039, #00332F, #2A061F, #000802)
• Aged Lagoon color palette (#F2EFDB, #569A69, #007262, #723031, #000802)
• Quiet Drift color palette (#D8EFD8, #006B19, #0B2CCD, #78000E, #000300)
• Washed Teal color palette (#D8E2DA, #37A5A3, #006470, #003D2D, #000B11)
• Muted Olive color palette (#DFEEE5, #889C4A, #277300, #4F4600, #002119)

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