<aside> ℹ️ When working with text, the main task of the designer is not to do any harm. It is better to prefer familiar and time-tested solutions, like black letters on a white background, than to complicate the design and put too much color, variety, and decoration into the text, which will only distract and interfere.
</aside>
Nevertheless, the text should be not only readable but also appealing, especially if it is an interface that sells services or products. Quality work on the text's color, alignment, and balance helps create a better impression on the user and generate more trust.
In serif fonts, the letters are usually thinner than in sans-serif, so you can use pure black text on a white background. This does not make the letters too contrasty. For sans, it's fine to tone down the black a bit.
Serif text is in pure black color. Sans-serif is in #333 color.
On dark backgrounds and especially on black, it is almost always worth reducing the contrast of white or making the dark background less dark. Especially if the font's letter design has a strong thickness.
It's good if the white text is slightly muted on black or the black background is less dark.
White text on a dark background looks exciting. Still, it is more suitable for short texts and individual interface blocks when you want to attract attention and diversify content presentation. Long texts can be challenging to read on a dark background, and finding a balance is crucial to make it work well.
Colored text raises questions and looks strange. Rather, colored text is more appropriate if you want to show feedback, such as messages about errors or the success of data completion. But you should be careful when choosing colors, some of them require careful work. Green, for example, will almost always need adding more black to make the text read well
Colored text requires attention to shade in order to keep good readability. It is the correct version of green on the right.
Color text, in general, requires special attention and mandatory testing, including on different screens and devices. Otherwise, it may turn out to be poorly unreadable.