Color that
builds identity.
Our color system is the foundation of how Postman communicates visually. From our hero orange to supporting ranges across orange, purple, magenta, yellow, blue, and neutrals. Every value is intentional, built for consistency across digital, web, print, and beyond.
Core Colors
Postman Orange, Purple, White, and Black come together to create a bold, balanced palette that's full of energy and imagination. Together, these colors express our brand as modern, welcoming, and full of potential.
Orange Tints & Shades
Tints and shades of Postman Orange extend our hero color into a versatile range that reinforces brand recognition and creates visual cohesion across every touchpoint.
Purple Tints & Shades
Purple defines our AI visual identity: bold, innovative, and unmistakable. Its tints and shades bring depth, hierarchy, and emphasis to illustrations, creating visuals that are dynamic and aligned with brand standards.
Neutrals
Our achromatic neutrals span 13 values, providing a versatile and balanced base that works across all Postman brand initiatives.
Magenta Tints & Shades
Our magenta range offers five values: one core tone with two tints and two shades. Forming an analogous palette with orange and purple, it serves as a natural transition and effective accent color across brand applications.
Accent Colors
Legacy colors from our previous palette help bridge the transition to our new color system, ensuring older assets remain visually connected and consistent. As accent colors, they add purposeful pops of color to assets, creating contrast and visual interest.
Blue Tints & Shades
Values from our blue palette can be used in illustrations to introduce balance and visual contrast. Tints and shades should be applied purposefully to highlight supporting elements and enhance compositions.
Yellow Tints & Shades
Yellow tints and shades serve as dynamic extensions of our core orange, enriching its vibrancy and depth. Tints of yellow introduce lighter, sunlit variations that evoke warmth, optimism, and energy, enhancing brand friendliness and approachability.
Gradients
Smooth gradients are used sparingly to add depth and dimension. We keep transitions clean and harmonious, always avoiding muddy combinations to maintain clarity across our visuals.
Color in Use
Colors from our palette can be applied in different ways to transform the image and narrative. Accent or pops of color help draw focus to certain elements within the scene.
Gradient Builder
Test how brand palette colors work together as gradients. Select a stop, pick a color from the palette, adjust positions, and copy the CSS when you find a combination you like.
Accessibility Checker
Pick a background and foreground color from the brand palette to instantly check their contrast ratio against WCAG AA and AAA standards. Applies to typographic usage only, not icons or illustrations.
Explore the Color System
Full usage guidelines, component tokens, and design documentation live in Figma.