Vanilla works with a fairly neutral color palette consisting of a range of greys and a traffic light palette (red, yellow, green) plus blue.
You can define a brand color (
$color-brand) that can be used for call-to-action buttons and other highlights across the framework. The default Vanilla brand color is
When planning your pages, make sure there is an even distribution and well-balanced percentage of light and strong colors. Think of the screen as a whole: it shouldn't be top- or bottom-heavy.