developer tools Color System
Sentry's website is a dark-mode-first developer tool interface that speaks the language of code edit...
Sentry's website is a dark-mode-first developer tool interface that speaks the l...
Sentry uses #1f1633 as the primary accent for interactive elements
Carefully selected 8 colors for developer-tools applications
Uses accent color
#1f1633
Primary background, the defining color of the brand
#150f23
Deeper sections, footer, secondary backgrounds
#362d59
Borders, dividers, subtle structural lines
#6a5fc1
Primary interactive color — links, hover states, focus rings
#79628c
Button backgrounds, secondary interactive elements
#422082
Select dropdowns, active states, high-emphasis surfaces
#c2ef4e
High-visibility accent, special links, badge highlights
#ffb287
Focus state backgrounds, warm accent
/* Sentry Color System */
:root {
--sentry-deep-purple: #1f1633;
--sentry-darker-purple: #150f23;
--sentry-border-purple: #362d59;
--sentry-sentry-purple: #6a5fc1;
--sentry-muted-purple: #79628c;
--sentry-deep-violet: #422082;
--sentry-lime-green: #c2ef4e;
--sentry-coral: #ffb287;
}
/* Example usage */
.sentry-button-primary {
background-color: var(--sentry-deep-purple);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}Cursor's website is a study in warm minimalism meets code-editor elegance. The e...
Expo's interface is a luminous, confidence-radiating developer platform built on...
Linear's website is a masterclass in dark-mode-first product design — a near-bla...
Lovable's website radiates warmth through restraint. The entire page sits on a c...