Colors
PlaySafe ID does not use color to express anything. We are not expressive. We are functional. Our interface is strictly black, white, and a set of grays. No accents. No gradients. No color-coded metaphors. Color is not used for mood, branding, or emotion. It's only used to support readability and clarity — nothing else.
Color philosophy
We are intentionally boring. Our brand stays out of the way so the user and their task can stay in focus. Our color palette exists to maintain contrast and hierarchy — not personality.
We don’t need to stand out. We need to work.
Color palette
| Color name | HEX | Usage |
|---|---|---|
| Black | #000000 | Primary text and UI elements |
| Dark Gray | #1B1B1B | Secondary text, background alt |
| Mid Gray | #797979 | Placeholder text, dividers |
| Light Gray | #E1E1E1 | Borders, subtle lines |
| Very Light Gray | #F3F3F3 | Backgrounds, neutral containers |
| White | #FFFFFF | Backgrounds, reverse text |
Color usage rules
Never use any other colors — including blue links, red errors, or green success. Use layout, type, and contrast to indicate states and hierarchy.
Do not tint, shade, or modify any of the approved grays. You can use other grays, but try to stick to the 6 shades
Accessibility
Ensure sufficient contrast for all text and UI elements. Use WCAG AA minimum standards as a baseline. But aim for better.
Example:
- Body text on white should use #000000
- Placeholder or secondary text may use #797979, but only if contrast remains readable
- Borders and dividers should use #E1E1E1 or #F3F3F3 — never purely decorative
What not to do
- Don’t use color to decorate
- Don’t follow trends
- Don’t add brand personality via color
- Don’t copy app color conventions (blue links, red warnings, etc.)
Updated 4 days ago