design productivity Color System
Pinterest's website is a warm, inspiration-driven canvas that treats visual discovery like a lifesty...
Pinterest's website is a warm, inspiration-driven canvas that treats visual disc...
Pinterest uses #e60023 as the primary accent for interactive elements
Carefully selected 8 colors for design-productivity applications
Clean, minimalist approach with purposeful color usage
#e60023
Primary CTA, brand accent — bold, confident red
#103c25
`--base-color-green-700`, success/nature accent
#0b2819
`--base-color-hover-green-700`, pressed green
#211922
Primary text — warm near-black with plum undertone
#000000
Secondary text, button text
#62625b
Secondary descriptions, muted text
#91918c
`--comp-button-color-text-transparent-disabled`, disabled text, input borders
#ffffff
Text on dark/colored surfaces
/* Pinterest Color System */
:root {
--pinterest-pinterest-red: #e60023;
--pinterest-green-700: #103c25;
--pinterest-green-700-hover: #0b2819;
--pinterest-plum-black: #211922;
--pinterest-black: #000000;
--pinterest-olive-gray: #62625b;
--pinterest-warm-silver: #91918c;
--pinterest-white: #ffffff;
}
/* Example usage */
.pinterest-button-primary {
background-color: var(--pinterest-pinterest-red);
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...