Grayscale

The neutral foundation palette from pure black to pure white, providing clean minimalist backgrounds.

Black

RGB(0, 0, 0)
rgb(255, 255, 255)

Gray 900

RGB(5, 5, 5)
rgb(255, 255, 255)

Gray 800

RGB(7, 7, 7)
rgb(255, 255, 255)

Gray 700

RGB(33, 33, 33)
rgb(255, 255, 255)

Gray 600

RGB(36, 36, 36)
rgb(255, 255, 255)

Gray 500

RGB(105, 105, 105)
rgb(255, 255, 255)

Gray 300

RGB(166, 166, 166)
rgb(255, 255, 255)

White

RGB(255, 255, 255)
rgb(255, 255, 255)

Color Values

Black: #000000 - Pure black, primary background

Gray 900: #050505 - Very dark gray, card backgrounds

Gray 800: #070707 - Dark gray, overlay backgrounds

Gray 700: #212121 - Medium dark, borders and dividers

Gray 600: #242424 - Medium gray, subtle borders

Gray 500: #696969 - Medium light gray, secondary text

Gray 300: #A6A6A6 - Light gray, muted text and placeholders

White: #FFFFFF - Pure white, primary text on dark

Usage Guidelines

Use pure black (#000000) as the primary background color for maximum contrast

Use white (#FFFFFF) for primary text on dark backgrounds to ensure readability

These neutral gray tones create visual hierarchy without competing with brand colors

Maintain high contrast ratios (4.5:1 minimum) for accessibility compliance

Neutral grays provide clean foundation that complements blue (#2B36D9) and orange (#FF4708) accents

Use Gray 500 (#696969) for secondary text and Gray 300 (#A6A6A6) for muted content

© DEMOS. All rights reserved 2026

Search...