Sentry color palette
TechSentry's color identity centers on a deep purple primary, complemented by a modern palette of purples, violets, and cool grays, reflecting its focus on developer tools and observability. The palette is designed for clarity and accessibility in digital interfaces.
sentry.ioSentry colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Sentry PurplePrimary54, 45, 89
- Sentry LavenderSecondary108, 95, 199
- Sentry CoralAccent244, 63, 94
Surfaces
Page, cards and dividers.- Sentry WhiteBackground255, 255, 255
- Sentry SurfaceSurface247, 246, 250
- Sentry Border GrayBorder231, 228, 237
Text
Three tiers of copy.- Sentry BlackText26, 22, 38
- Sentry LavenderSecondary text108, 95, 199
- Sentry Muted GrayMuted text111, 110, 119
Semantic
Feedback and state colors.- Sentry GreenSuccess62, 185, 149
- Sentry YellowWarning246, 195, 67
- Sentry CoralError244, 63, 94
- Sentry LavenderInfo108, 95, 199
Use Sentry's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
sentry-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #6C5FC7;
--error: #F43F5E;
--accent: #F43F5E;
--border: #E7E4ED;
--primary: #362D59;
--success: #3EB995;
--surface: #F7F6FA;
--warning: #F6C343;
--secondary: #6C5FC7;
--text-muted: #6F6E77;
--background: #FFFFFF;
--text-primary: #1A1626;
--text-secondary: #6C5FC7;
}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.7:1
Pass
Text on surface
Needs 4.5:1 for body text
16.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.8:1
Pass
Muted text on background
Needs 3:1 for large text
5.0:1
Pass
Muted text on surface
Needs 3:1 for large text
4.7:1
Pass
Sentry background, border and text colors
The quiet part of the Sentry palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Sentry WhiteBackground
- HEX
- RGB
- HSL
- Sentry SurfaceSurface
- HEX
- RGB
- HSL
- Sentry Border GrayBorder
- HEX
- RGB
- HSL
- Sentry BlackText
- HEX
- RGB
- HSL
- Sentry LavenderSecondary text
- HEX
- RGB
- HSL
- Sentry Muted GrayMuted text
- HEX
- RGB
- HSL
About Sentry's colors
Sentry’s palette uses a dominant purple with supporting violets and neutral grays to convey reliability and technical sophistication. The accent coral provides contrast for calls to action and error states.
Primary purple is complemented by lighter lavender for highlights.
Coral accent is used for alerts and interactive elements.
Neutral grays balance the vivid colors for UI clarity.
Psychology
Purple is associated with creativity and technical expertise, aligning with Sentry’s developer audience. The coral accent draws attention to important actions or warnings.
Evolution
Sentry’s palette has remained consistent, with minor adjustments to purple and gray tones for improved accessibility. The core color system has been stable since its major rebrand.
Where Sentry uses each color
- Primary
Used in the logo, navigation bar, and primary buttons.
- Secondary
Appears in highlights, links, and secondary buttons.
- Accent
Used for error states, notifications, and prominent calls to action.
- Backgrounds
White and light gray backgrounds are used throughout the app and marketing site.
- Text
Primary text is nearly black, with lavender and muted gray for secondary and disabled text.
- Semantic
Green, yellow, and coral are used for success, warning, and error states respectively.
Sentry color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Sentry primary color is #362D59. This deep purple is used across brand and product UI.
The RGB value of Sentry Purple (#362D59) is 54, 45, 89. For CMYK, use 39, 49, 0, 65.
Sentry uses #F7F6FA for surfaces, #E7E4ED for borders, and #6F6E77 for muted text. These neutrals ensure clarity and accessibility in the UI.
Use Sentry Purple (#362D59) for primary actions and branding, with Lavender (#6C5FC7) and Coral (#F43F5E) for highlights and alerts. Neutrals and semantic colors support clear, accessible interfaces.
The secondary color is Sentry Lavender, #6C5FC7, and the accent is Sentry Coral, #F43F5E. 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 Sentry's colors consistently when it generates UI.
Make something in the spirit of Sentry
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.