monday.com color palette
SaaSmonday.com uses a vibrant and diverse color palette centered around its signature monday.com Red, complemented by a range of bright accent colors and functional neutrals for UI clarity. The palette is designed for high accessibility and clear differentiation of elements within its SaaS platform.
monday.commonday.com colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- monday.com RedPrimary255, 100, 46
- monday.com BlueSecondary0, 154, 255
- monday.com YellowAccent253, 188, 0
Surfaces
Page, cards and dividers.- monday.com Light GrayBackground247, 248, 250
- monday.com WhiteSurface255, 255, 255
- monday.com Border GrayBorder225, 229, 234
Text
Three tiers of copy.- monday.com CharcoalText50, 51, 56
- monday.com Medium GraySecondary text103, 104, 121
- monday.com Muted GrayMuted text178, 180, 192
Semantic
Feedback and state colors.- monday.com GreenSuccess0, 200, 117
- monday.com OrangeWarning253, 171, 61
- monday.com PinkError226, 68, 92
- monday.com Info BlueInfo87, 155, 252
Use monday.com's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
mondaycom-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #579BFC;
--error: #E2445C;
--accent: #FDBC00;
--border: #E1E5EA;
--primary: #FF642E;
--success: #00C875;
--surface: #FFFFFF;
--warning: #FDAB3D;
--secondary: #009AFF;
--text-muted: #B2B4C0;
--background: #F7F8FA;
--text-primary: #323338;
--text-secondary: #676879;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
11.9:1
Pass
Text on surface
Needs 4.5:1 for body text
12.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.5:1
Pass
Muted text on background
Needs 3:1 for large text
1.9:1
Fail
Muted text on surface
Needs 3:1 for large text
2.1:1
Fail
monday.com background, border and text colors
The quiet part of the monday.com palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- monday.com Light GrayBackground
- HEX
- RGB
- HSL
- monday.com WhiteSurface
- HEX
- RGB
- HSL
- monday.com Border GrayBorder
- HEX
- RGB
- HSL
- monday.com CharcoalText
- HEX
- RGB
- HSL
- monday.com Medium GraySecondary text
- HEX
- RGB
- HSL
- monday.com Muted GrayMuted text
- HEX
- RGB
- HSL
About monday.com's colors
monday.com's palette is built around high-contrast, saturated hues for clarity and differentiation. The use of functional neutrals ensures accessibility and focus on content.
Primary red is complemented by blue and yellow for visual hierarchy.
Functional neutrals balance the vibrancy of accent colors.
Semantic colors (green, orange, pink, blue) are used for status and feedback.
Psychology
The bold primary and accent colors convey energy, creativity, and approachability. Neutrals provide a sense of structure and professionalism.
Evolution
The core palette has remained stable, with minor adjustments to improve accessibility and UI clarity. The brand continues to emphasize its signature red while refining supporting tones.
Where monday.com uses each color
- Primary
Used for main action buttons, highlights, and the logo.
- Secondary
Appears in secondary buttons, links, and navigation elements.
- Accent
Used for highlights, status indicators, and onboarding elements.
- Backgrounds
Light gray and white backgrounds are used throughout the app interface.
- Text
Charcoal and gray tones are used for primary and secondary text for optimal readability.
- Semantic
Green, orange, pink, and blue are used for success, warning, error, and informational states respectively.
monday.com color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official monday.com brand color is #ff642e, known as monday.com Red.
The RGB value of monday.com Red (#ff642e) is 255, 100, 46. For CMYK, it is approximately 0, 61, 82, 0.
monday.com uses #f7f8fa (Light Gray), #e1e5ea (Border Gray), #323338 (Charcoal), #676879 (Medium Gray), and #b2b4c0 (Muted Gray) for backgrounds, borders, and text.
Primary and accent colors are reserved for key actions and highlights, while neutrals and semantic colors structure the UI and communicate status. Always use the specified hex codes to maintain brand consistency.
The secondary color is monday.com Blue, #009AFF, and the accent is monday.com Yellow, #FDBC00. Together with the primary they make up the three brand colors at the top of this page.
4 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 monday.com's colors consistently when it generates UI.
Make something in the spirit of monday.com
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.