The palette consists of blue, green, purple, red, orange, yellow, and cyan.

I've been trying to generate background colors based on the most prevalent color on the play field but it doesn't look very good. I could always use black or a dark gray but I was curious if anyone had other ideas.

  • 1
    – Manly
    Jul 21, 2017 at 18:02
  • @Manly this app only has palettes of 5 colors. is it generally not advised to try to create palettes with more than 5 colors?
    – user393454
    Jul 21, 2017 at 18:12
  • Interesting question - do you have any flexibility in the particular shade of each color? Otherwise it would help to know the exact values you're using for each. And is this for a new Tetris clone or what is the application? Reason I ask is because movement may allow for more diverse choices in background. Likewise things like shadows or bevels on a foreground object can also help differentiate if needed from the background at times.
    – Ryan
    Jul 21, 2017 at 18:42
  • @Ryan It is for a tetris clone. I'd just like to loosely maintain the standard tetris palette so I think varying the shades would be okay. Ideally I'd like to dynamically change the color to accommodate the number of tiles of each color, but I think that is less likely to work.
    – user393454
    Jul 21, 2017 at 18:48
  • @user393454 and the other part of my question? cause I think if you have bevels and shadows and stuff just about anything could work
    – Ryan
    Jul 21, 2017 at 18:52

2 Answers 2


The thing in Tetris is the blocks are... blocks. There's a nice bevel that allows the color to go darker at the edge and then there's a highlight at the "top of the bevel." As well as a lighter section right at the top of the square.

These are not just there for no reason. They make it much easier to see over diverse backgrounds. Even if we sample an exact color (in this case the Cyan) we can still see the Cyan blocks because of the dark and light edges:

enter image description here

While I wouldn't suggest anything that bright, if we adjust the lightness we can quickly see how easy this is to match (all I did was drop the Lightness):

enter image description here

Likewise nearly any dark color could work:

enter image description here

The darker or lighter you go the easier it is to see, and people don't generally like looking at bright things but it does work both ways:

enter image description here

While going almost but not quite to black so we can still have some color:

enter image description here

That bevel and emboss is what really allows you to use any background color. So yes I would say add them and then you can use pretty much any background you want.


Besides seconding Ryan's answer, I'd like to point out that colours work best if you create them from one of the existing ones in the palette by adding some white or black.

You can easily do this in any graphics editor that supports the HSB colour model by eyedropping the colour you want to work from and then setting your colour picker to HSB. In Photoshop, you do this by clicking the 'H' radio button:

enter image description here

I have taken the green from the 'S' shape and added some black to it by decreasing the B(rightness) and S(aturation) values and keeping the H(ue) value identical. As you can see, that colour harmonises with the existing colours nicely.

Any colours that have the same H value (and different S and B values) naturally harmonise. You can click anywhere in the big square for a harmonising colour.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.