Postman color palette
TechPostman's color identity centers on its distinctive orange, complemented by deep grays and neutral tones for a modern, developer-focused interface. The palette is functional, emphasizing clarity and usability across its API platform.
postman.comPostman colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Postman OrangePrimary255, 108, 55
- Postman Light OrangeSecondary255, 154, 87
- Postman PeachAccent255, 214, 192
Surfaces
Page, cards and dividers.- Postman CharcoalBackground27, 28, 29
- Postman Surface GraySurface35, 39, 46
- Postman Border GrayBorder53, 59, 66
Text
Three tiers of copy.- Postman WhiteText255, 255, 255
- Postman Light GraySecondary text194, 198, 204
- Postman Muted GrayMuted text138, 143, 152
Semantic
Feedback and state colors.- Postman Success GreenSuccess60, 194, 158
- Postman Warning YellowWarning255, 185, 90
- Postman Error RedError255, 75, 75
- Postman Info BlueInfo74, 144, 226
Use Postman's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
postman-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #4A90E2;
--error: #FF4B4B;
--accent: #FFD6C0;
--border: #353B42;
--primary: #FF6C37;
--success: #3CC29E;
--surface: #23272E;
--warning: #FFB95A;
--secondary: #FF9A57;
--text-muted: #8A8F98;
--background: #1B1C1D;
--text-primary: #FFFFFF;
--text-secondary: #C2C6CC;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.1:1
Pass
Text on surface
Needs 4.5:1 for body text
15.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
10.0:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.7:1
Pass
Muted text on background
Needs 3:1 for large text
5.3:1
Pass
Muted text on surface
Needs 3:1 for large text
4.6:1
Pass
Postman gray, dark and neutral colors
Postman runs a dark interface, so these grays carry the layout: background, sidebar surfaces, dividers and three tiers of text. Click a value to copy it.
- Postman CharcoalBackground
- HEX
- RGB
- HSL
- Postman Surface GraySurface
- HEX
- RGB
- HSL
- Postman Border GrayBorder
- HEX
- RGB
- HSL
- Postman WhiteText
- HEX
- RGB
- HSL
- Postman Light GraySecondary text
- HEX
- RGB
- HSL
- Postman Muted GrayMuted text
- HEX
- RGB
- HSL
About Postman's colors
Postman's palette uses a vibrant orange as its anchor, balanced by neutral and dark tones for legibility and focus. The supporting colors provide semantic clarity and accessibility in product interfaces.
Primary orange contrasts with deep grays for emphasis.
Accent and secondary oranges create visual hierarchy.
Semantic colors (green, yellow, red, blue) are reserved for status and feedback.
Psychology
The orange conveys energy, approachability, and innovation, aligning with Postman's developer community. Dark neutrals reinforce professionalism and reduce eye strain in technical environments.
Evolution
Postman's palette has remained stable, with orange as its core since inception. Over time, the UI has shifted to deeper grays and more refined neutrals for improved usability.
Where Postman uses each color
- Primary
Used for the logo, primary buttons, and key highlights throughout the app and marketing materials.
- Secondary
Appears in hover states, secondary buttons, and subtle highlights.
- Accent
Used for backgrounds of callouts, badges, and light UI elements.
- Backgrounds
Charcoal and surface grays are used for main app backgrounds and panels.
- Text
White and light gray are used for primary and secondary text on dark backgrounds.
- Semantic
Green, yellow, red, and blue are used for status indicators, alerts, and notifications.
Postman color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Postman primary color is #FF6C37. This orange is used for the logo and main interface highlights.
Postman Orange (#FF6C37) in RGB is (255, 108, 55). For CMYK, it is approximately (0, 58, 78, 0).
Postman uses #1B1C1D (Charcoal), #23272E (Surface Gray), and #353B42 (Border Gray) as its primary dark and neutral UI colors. These provide contrast and structure in the app interface.
Use #FF6C37 for primary actions and branding, with dark grays for backgrounds and white/light gray for text. Semantic colors are reserved for status, alerts, and feedback elements.
The secondary color is Postman Light Orange, #FF9A57, and the accent is Postman Peach, #FFD6C0. Together with the primary they make up the three brand colors at the top of this page.
6 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Postman's colors consistently when it generates UI.
Make something in the spirit of Postman
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.