Color Palette

Token based color palette in both Figma and Unity.

FloatGrids uses a token-based color palette so every token has a base color as a parent. You can find this color palette under the same nomenclature in both Figma and Unity.

FloatGrids color palette


Tokens in Figma and Unity

Base colors

How to create your own base colors

  1. Get a 10 color range color palette here.

Reduce saturation for good contrast

Colors tend to be brigther in VR than they are in desktop or mobile devices. If your Primary color (500) looks too bright in Unity, in the link provided above, go to Edit/Saturation/All Shades and reduce the saturation. Make some tests in Unity to see the actual result

Last updated