Trello Colour Palette

About this palette

The Trello palette is inspired by recognisable brand-style colour systems. It is useful for mood boards, visual research, comparison work and creative direction when you want to understand how strong brand colours work together.

The key colours in this palette are #0079BF, #70B500, #FFAB4A, #EB5A46. Use them as reference values for design exploration, not as official brand guidelines.

You can also explore related company palettes, open the palette in the colour tool, or compare it with articles that use similar colour ideas.

Colours in this palette

Click any colour to copy the HEX value, or open the full palette in the colour tool to test harmonies, contrast and CSS export options.

How to use this palette

• For inspiration: use this as a brand-style reference rather than official brand guidance.
• For mood boards: compare the bright colours with the neutral colours to understand how the identity creates contrast.
• For design systems: test contrast before using any colour combination for text, buttons or interface components.

CSS colour variables

Copy these variables into your stylesheet or design system.

:root {
  --palette-colour-1: #0079BF;
  --palette-colour-2: #70B500;
  --palette-colour-3: #FFAB4A;
  --palette-colour-4: #EB5A46;
}