Color
Color is a defining element of each brand within Block. Every brand is anchored by a single, distinctive hue—used with intention, restraint, and craft to create clarity, expression, and recognition across surfaces.
Block
- CMYK
- 60/40/40/100
- RGB
- 0/0/0
- HEX
- #000000
- PMS
- n/a
Brand
Each brand is defined by a single core color. This color should be used deliberately and with discipline, shaping how the brand expresses itself through composition, materiality, lighting, and styling rather than volume alone.
Ratio
These diagrams illustrate the relative presence of brand color across a system, helping guide how much visual weight it carries at a macro level rather than within a single application.
- Brand 100%
- Brand 75%
- Brand 62.5%
- Brand 50%
- Brand 25%
Data
Data colors are derived from a single brand hue by progressively darkening it in fixed steps, maintaining the same color while increasing contrast. The number of tones used corresponds to the number of data values, ensuring clear distinction without introducing additional colors.
- Danger
- Warning
- Success
- Visited
Utility
Utility colors support functional communication within product (e.g. status, alerts, actions). These are defined within product design systems and should not be used for brand expression. Refer to current product documentation for usage.
Accessibility
Use these combinations as a guide to ensure sufficient contrast when applying brand color. Prioritize clarity and legibility across all text sizes and contexts.