 <p>I don't think there is an out-of-the-box solution to have 2 background colors.</p> <p>The best solution would be to use <strong><a href="http://www.graphviz.org/content/attrs#kcolorList" rel="nofollow noreferrer">gradient</a></strong> fills (<code>fillcolor="orange:yellow"</code>) - but though this is in the documentation, I wasn't able to make it work on my box.</p> <p>You could use <strong><a href="http://www.graphviz.org/content/node-shapes#html" rel="nofollow noreferrer">HTML-like labels</a></strong> as a workaround. You may need to split the label to have it centered, depending on your needs:</p> <pre><code>a[shape="none", label=&lt; &lt;table cellpadding="0" cellborder="0" cellspacing="0" border="0"&gt; &lt;tr&gt; &lt;td bgcolor="orange"&gt;abc&lt;/td&gt; &lt;td bgcolor="yellow"&gt;def&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &gt;] </code></pre> <p><img src="https://i.stack.imgur.com/5ReVy.png" alt="2 colors"></p>