• Home
  • Guidelines
  • Logo
  • Color
  • Typography
  • Motion
  • Iconography
  • Strategy
  • Showcase

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.

Cash Green

CMYK
65/0/100/0
RGB
0/224/19
HEX
#00E013
PMS
802 C / U C

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.

Data points:
  1. Brand 100%
  2. Brand 75%
  3. Brand 62.5%
  4. Brand 50%
  5. 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.

  • Aa
    Aa
  • Aa
    Aa
  • Aa
    Aa
  • Aa
    Aa

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.