design productivity Color System
Intercom's website is a warm, confident customer service platform that communicates "AI-first helpde...
Intercom's website is a warm, confident customer service platform that communica...
Intercom uses #111111 as the primary accent for interactive elements
Carefully selected 8 colors for design-productivity applications
Uses negative letter-spacing
#111111
`--color-off-black`, primary text, button backgrounds
#ffffff
`--wsc-color-content-primary`, primary surface
#faf9f6
Button backgrounds, card surfaces
#ff5600
`--color-fin`, primary brand accent
#fe4c02
`--color-report-orange`, data visualization
#65b5ff
`--color-report-blue`
#0bdf50
`--color-report-green`
#c41c1c
`--color-report-red`
/* Intercom Color System */
:root {
--intercom-off-black: #111111;
--intercom-pure-white: #ffffff;
--intercom-warm-cream: #faf9f6;
--intercom-fin-orange: #ff5600;
--intercom-report-orange: #fe4c02;
--intercom-report-blue: #65b5ff;
--intercom-report-green: #0bdf50;
--intercom-report-red: #c41c1c;
}
/* Example usage */
.intercom-button-primary {
background-color: var(--intercom-off-black);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}Airtable's website is a clean, enterprise-friendly platform that communicates "s...
Cal.com's website is a masterclass in monochromatic restraint — a grayscale worl...
Clay's website is a warm, playful celebration of color that treats B2B data enri...
Figma's interface is the design tool that designed itself — a masterclass in typ...