Color is one of the most recognizable parts of Trezor's identity — and one of the most functional. It identifies the brand, and it guides people through it.

Light theme

Trezor's palette is built on light — white and open space as the default ground for everything we make. This isn't only an aesthetic choice. Trezor is open-source by conviction: the way it works is meant to be seen, inspected, and trusted, not hidden. A light, open surface is the visual form of that openness — nothing tucked into shadow, nothing obscured. It's also how we apply Radical Simplicity : start from clarity and space, and add only what earns its place.

Neon Green leads

light-green-300

Neon Green is Trezor's brand primary — the color of action and direction. When something is the next step or the primary path, Neon Green marks it. This is Intentional by Design in its most literal form: the color is never decoration — its presence always means something, so it appears only where that meaning applies.

Deep Green holds

light-green-900

Deep Green is Trezor's brand secondary — it creates an environment, a ground that gives a sense of depth and security. Inside a Trezor box it becomes the Safe Space: the exterior opens from light into a deep green interior, the moment of arriving inside Trezor's protection.

Our vibrant green symbolizes reliability, security, and financial stability—core to Trezor's mission to protect crypto and independence. Its dynamic tone reflects innovation, trust, and the confidence users place in us to safeguard their digital assets.

Purpose
  • Reflect innovation, youthfulness, and forward-thinking values.
  • Primary colours serve as an important recognition element of visual identity for most touch points.
Usage
  • Brand's strong identifying feature are Neon Green elements used on a Deep Green backgrounds.
  • Use the Neon Green for accents, highlights, and other important elements.
Avoid
  • Using non-brand colors or altering the specified palette shades.
  • Low-contrast combinations that compromise accessibility and readability.

Green color palette

As Trezor’s primary palette, Green is essential for main brand communication. Neon Green and Deep Green should be used prominently, with bright green accents on dark backgrounds to maintain consistent identity.

100
HEX RGB CMYK Pantone
200
HEX RGB CMYK Pantone
300 Neon Green / Brand Primary
HEX RGB CMYK Pantone
400
HEX RGB CMYK Pantone
500
HEX RGB CMYK Pantone
600
HEX RGB CMYK Pantone
700
HEX RGB CMYK Pantone
800
HEX RGB CMYK Pantone
900 Deep Green / Brand Secondary
HEX RGB CMYK Pantone

Secondary colors expand the creative possibilities for marketing campaigns and special communications. They complement the primary green palette without competing with it, giving teams more flexibility for thematic storytelling and visual variety.

Purpose
  • Secondary colours to support creativity in visual communication.
  • Color reference for key topics associated with Trezor — Bitcoin (Orange) and the world of alternative cryptocurrencies (Violet).
Usage
  • Intended for special events or campaigns.
  • Can be used to support creativity in marketing activities.
Avoid
  • Using non-brand colors or altering the specified palette shades.
  • Low-contrast combinations that compromise accessibility and readability.

Orange color palette

As a secondary palette, Orange is inspired by Bitcoin and used selectively to enhance creativity in special events and campaigns. It is not intended for main communication but can serve as a bold accent within specific marketing areas or topics.

100
HEX RGB CMYK Pantone
200
HEX RGB CMYK Pantone
300
HEX RGB CMYK Pantone
400
HEX RGB CMYK Pantone
500
HEX RGB CMYK Pantone
600
HEX RGB CMYK Pantone
700
HEX RGB CMYK Pantone
800
HEX RGB CMYK Pantone
900
HEX RGB CMYK Pantone

Violet color palette

Violet, a secondary palette representing alternative cryptocurrencies, adds more options to marketing activities and special campaigns. It is not meant for main communication but supports creativity in specific contexts, ensuring harmony with primary colors.

100
HEX RGB CMYK Pantone
200
HEX RGB CMYK Pantone
300
HEX RGB CMYK Pantone
400
HEX RGB CMYK Pantone
500
HEX RGB CMYK Pantone
600
HEX RGB CMYK Pantone
700
HEX RGB CMYK Pantone
800
HEX RGB CMYK Pantone
900
HEX RGB CMYK Pantone

The greyscale palette defines our blacks, greys, and whites, providing essential neutral tones for backgrounds, text, and UI elements. While not part of our core brand colors, it ensures clarity, balance, and readability across all designs, supporting the primary and secondary palettes.

Usage
  • Use greyscale for text, backgrounds, dividers, icons, and other complementary elements.
  • Ensure sufficient contrast for accessibility and legibility.

Cool Grey color palette

Cool Grey is the primary greyscale for digital use. Its subtle blue undertone is suited for screens, UI components, and digital materials.

White
HEX RGB CMYK Pantone
100
HEX RGB CMYK Pantone
200
HEX RGB CMYK Pantone
300
HEX RGB CMYK Pantone
400
HEX RGB CMYK Pantone
500
HEX RGB CMYK Pantone
600
HEX RGB CMYK Pantone
700
HEX RGB CMYK Pantone
800
HEX RGB CMYK Pantone
900
HEX RGB CMYK Pantone

Neutral Grey color palette

Neutral Grey is designated for print applications. It ensures accurate reproduction across printed materials without unwanted color casts.

White
HEX RGB CMYK Pantone
100
HEX RGB CMYK Pantone
200
HEX RGB CMYK Pantone
300
HEX RGB CMYK Pantone
400
HEX RGB CMYK Pantone
500
HEX RGB CMYK Pantone
600
HEX RGB CMYK Pantone
700
HEX RGB CMYK Pantone
800
HEX RGB CMYK Pantone
900
HEX RGB CMYK Pantone
How color works in practice — how much to use, where, and how its role changes across touchpoints. The principle stays constant; the intensity doesn't.

Intensity scales with context

Trezor's palette is constant, but how intensely we use it isn't. Color intensity scales with the job of the touchpoint — and that job correlates with how close the user is to their assets.

Marketing — expressive Product — calm
louder · further from assets quieter · closer to assets
Campaign / social Landing page E-shop Suite dashboard Transaction / signing

Marketing and campaigns can be expressive: saturated, high-contrast, Neon-forward. Their job is to attract and excite, and there's room to be bold. Product surfaces are calmer: more white, more space, Neon reserved strictly for action. Their job is to feel dependable while someone manages real money.

The rule of thumb: the brand gets louder the further it sits from the user's assets, and quieter the closer it gets. A campaign page can shout. A transaction screen should whisper.

Working with Neon Green

Neon Green leads — so it has to stay rare. Its power to direct comes entirely from restraint.

Use it for the primary action and the primary path: the one thing you want someone to do or see next. On any given screen or surface, there's usually only one. More than one primary Neon element and none of them leads — they compete.

Neon Green marks action, not content. It belongs on buttons, arrows, indicators, interactive accents — the things that move someone forward. It's not a text color and not a background for large areas; at scale it stops pointing and starts shouting.

Working with Deep Green

Deep Green holds — it creates environment, not direction. Use it as a ground, not a highlight.

It works as a backdrop for brand moments, packaging interiors, and marketing surfaces where you want a sense of depth and security. Neon Green sits beautifully on it — that pairing, bright accent on deep ground, is one of the brand's most recognizable combinations.

Because Deep Green is an environment, it's mostly absent from product UI, where light is the working ground. It appears in product sparingly, for specific moments — not as a default surface.

Do's and Don'ts

Neon Green is for action, not decoration

Use Neon Green to mark the primary action or path — the thing to do or see next.
Use Neon Green as a decorative accent where it points to nothing. If it's not leading, it shouldn't be Neon.

Keep Neon Green rare

Reserve Neon Green so a single element stands out and leads the eye.
Spread Neon Green across many elements or large areas. Used everywhere, it leads nowhere.

Light is the default, dark is a departure

Build on light as the baseline ground across touchpoints.
Default to dark surfaces outside their intended use (campaigns, limited editions, product dark mode).

Stay on palette

Use the defined brand values exactly as specified.
Introduce off-palette colors or alter the brand shades.

Protect contrast and legibility

Ensure sufficient contrast between color and background for accessibility.
Place color combinations that compromise readability — low-contrast Neon on light, or text on saturated grounds.
Page tokens