Simple HTML formatting for Outlook Email Signature - html

Question

I am running into a problem creating an HTML signature for Outlook mobile. I want it to exactly match the signature (used firmwide) I have for my desktop outlook. See below for a picture.
Currently, I am using this code and while the layout is correct, I cannot get the font to change colors. When I draft an email the font is the correct color but once sent, it changes to black. Any ideas?
<table style="
border-collapse:collapse;
border:none;">
<tbody>
<tr>
<td style="
width: 467.5pt;
border-top: none;
border-right: none;
border-bottom: none;
border-image: initial;
border-left: 1.5pt solid rgb(0, 168, 126);
padding: 0 0.15in;
height: 0.25in;
vertical-align: top;">
<p style="
margin: 0 0 .0001pt;
font-size:15px;
font-family:Calibri,sans-serif;">
<strong>
<span style="
font-size:16px;
font-family:Garamond,serif;
color:#003B4C;">
FirstName LastName
</span>
</strong>
</p>
</td>
</tr>
<tr>
<td style="
width: 467.5pt;
border-top: none;
border-right: none;
border-bottom: none;
border-image: initial;
border-left: 1.5pt solid rgb(0, 168, 126);
padding: 0 0.15in;
height: 9.9pt;
vertical-align: top;">
<p style="
margin: 0 0 .0001pt;
font-size: 15px;
font-family: Calibri,sans-serif;">
<span style="
font-size: 12px;
font-family:Arial,sans-serif;
color:#003B4C;">
t.
</span>
<span style="
font-size: 12px;
font-family: Arial,sans-serif;
color: #003B4C;
text-decoration: none;">
[phone]
</span>
<span style="
font-size: 12px;
font-family: Arial,sans-serif;
color: #003B4C;">
| m.
</span>
<span style="
font-size: 12px;
font-family: Arial,sans-serif;
color: #003B4C;
text-decoration: none;">
[phone]
</span>
</p>
</td>
</tr>
</tbody>
</table>