Button Image appears as a single color "shadow" of the original image

I'm attempting to use a PNG image (BundleResource) as the Image of a Button in an iOS (iPad) project. Below is the XAML code that I am using. I am attaching a screenshot of the result as shown in the iOS simulator and also the actual PNG file I'm bundling into the app.

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="ESM.Pages.DashboardPage" Title="Everest Service Management">
    <Grid HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" ColumnSpacing="30" RowSpacing="30">
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <Button Grid.Row="0" Grid.Column="0" Image="dashboard_orders" BorderWidth="1" BorderRadius="5" Clicked="Orders_Clicked" />
        <Image Grid.Row="0" Grid.Column="1" Source="dashboard_orders.png" />
    </Grid>
</ContentPage>

This has been driving me nuts for a couple of hours and I am not spotting any problems. Any help will be greatly appreciated.