- Reflect innovation, youthfulness, and forward-thinking values.
- Primary colours serve as an important recognition element of visual identity for most touch points.
Visual
Colors
Brand palette — the complete set of solid color values across all hue families.
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.
- 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.
- 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.
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.
- 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).
- Intended for special events or campaigns.
- Can be used to support creativity in marketing activities.
- 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.
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.
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.
- 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.
Neutral Grey color palette
Neutral Grey is designated for print applications. It ensures accurate reproduction across printed materials without unwanted color casts.
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 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.