monday.com. White workshop with pastel sticky notes.
- SaaS
- Light theme
- 24 colors
- 1 typeface
monday.com runs a white-canvas productivity language with violet as its singular brand voice. The page breathes through generous whitespace, near-black typography, and pastel-colored card surfaces that borrow from a crayon-box palette — soft green, powder blue, peach, lavender, mint — creating a playful, human feeling that contrasts the serious SaaS market. Violet (#6161ff) owns the primary action and brand surfaces, while gradient text (pink→orange, cyan→violet) carries the hero's emotional charge. Components are pill-shaped and generously rounded: 160px buttons, 24px cards, 6px tags. The visual rhythm alternates between flat text-heavy sections and elevated product/board mockups that peek above the page edge, blurring the boundary between marketing and product.
monday.com design system
Brand2
Primary CTA buttons, brand backgrounds, active states, gradient stops — saturated indigo reads as confident but approachable, not corporate
Supporting palette color for small decorative accents when the core palette needs contrast.
Accent13
Green wash for highlight backgrounds, decorative bands, and soft emphasis behind content
Blue wash for highlight backgrounds, decorative bands, and soft emphasis behind content
Orange wash for highlight backgrounds, decorative bands, and soft emphasis behind content; Hero headline gradient stop, warm accent in pink-to-orange text
Decorative card background, soft category surface
Decorative card background, light brand-tinted surface
Decorative card background, secondary brand surface
Decorative card background, cyan accent surface
Card border accent, playful highlight stroke
Saturated button alternative, deep brand accent
Saturated button alternative, AI/feature highlight
Teal action color for filled buttons, selected navigation states, and focused conversion moments
Saturated button alternative, soft pink fill
Badge and tag background — tints pill elements with brand warmth
Neutrals9
Primary body text, headings, button labels — near-black with a hint of warmth avoids the harshness of pure #000
Secondary text, nav links, icon fills, footer copy — cool gray supports hierarchy without competing with headings
Muted helper text, disabled icon strokes, tertiary borders
Card and container borders, subtle dividers between content blocks
Light card borders, the standard outline color for elevated card surfaces
Badge borders, pill-button outlines, input borders
Box-shadow tint, barely-there surface lifts
Page canvas, section backgrounds, neutral button fills — the floor color everything floats on
Card surfaces, button text, nav background, input fields
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Snow on Monday Violet
4.50 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7
