The easiest way to choose good contrasting colors for categories, which on top are also color-blind safe, is to use our built-in color palettes:

We also offer softer, less contrasting color palettes for shapes, which are meant to be used as background, and not overpower or be confused with bookable objects:

Picking your own colors

You can of course pick your own colors, but we can't make sure they are safe for color blind users, which represent 4.5% of the world population, or 1 every 22 of your users on average.

We also can't ensure they are contrasting enough, however we can give you pointers for it.

On light backgrounds avoid bright colors such as yellow or any light/bright variation of other colors (i.e: lime green, cyan, light blue, ...).

If you really need to use yellow on a light background, try to use a brown-ish or a more orange color that isn't too bright, or it will be hard to see.

On dark backgrounds most colors will work just fine, including yellow. Stay away of all dark colors (such as brown, Bordeaux red, ...).

Backgrounds should be less prominent than than bookable objects

If you are using shapes to draw your backgrounds, make sure they use soft colors that blend with the canvas color (light color for light mode, dark colors for dark mode).

If you're using an image as a background, make sure it doesn't have a strong contrast or very powerful colors. If it does, try to diminish it by using an image editing tool, or turning down the opacity of it using our controls for Image objects on the Designer Inspector.

Backgrounds should always remain soft and less noticeable than selectable objects, to ensure users can find their seats and ultimately make a purchase.

Did this answer your question?