# Color That Works: Palettes and Contrast

A small palette (a brand color, neutrals, an accent, and success and error colors) makes a site look like one brand, and text that meets a contrast ratio of 4.5 to 1, with meaning never shown by color alone, makes it readable for everyone.

![Cheat sheet: Color That Works: Palettes and Contrast](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/1d01b0311d5f44919491c4f64feea01c.webp)

- Category: CSS
- Level: Journeyman
- Tags: Accessibility, Color, Color palette, Contrast ratio, CSS, WCAG, web-development
- Updated: November 1, 2026

Source: https://www.ask-codey.com/cheat-sheets/css-color-and-contrast-cheat-sheet