Contentious colours
Our colour palette represents our inner sunshine, love of the natural world and occasional fieriness.
Our colour palette
All our colours come in a main shade and a darker variant.
Our neutral tones
We also have two neutral tones.
CSS
Variables for all our colours are set in the CSS. This means that the colour codes are only used once, and the variables can be used everywhere else, ensuring consistency.
:root {
--coffee: #DBD0B7;
--coffee-dark: #CDC1A2;
--sunshine: #E7AB3F;
--sunshine-dark: #DD9A35;
--wave: #89A6AB;
--wave-dark: #7A999E;
--fire: #D5544F;
--fire-dark: #C24E4A;
--sapling: #81A479;
--sapling-dark: #779B6B;
--sorbet: #D48A7E;
--sorbet-dark: #CE7268;
--limestone: #F2F2E7;
--limestone-dark: #DEDED4;
--gloaming: #4F4D4B;
--gloaming-dark: #262423;
}