Make color palette
SaaSMake's color identity centers on a vibrant purple, paired with deep darks and clean neutrals for a modern SaaS interface. The palette is designed for clarity, accessibility, and strong brand recognition.
make.comMake colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Make PurplePrimary109, 0, 204
- Make YellowSecondary255, 179, 0
- Make AquaAccent0, 224, 202
Surfaces
Page, cards and dividers.- Make Light GrayBackground247, 247, 249
- Make WhiteSurface255, 255, 255
- Make Border GrayBorder224, 224, 230
Text
Three tiers of copy.- Make BlackText24, 26, 32
- Make Medium GraySecondary text107, 111, 118
- Make Muted GrayMuted text163, 167, 176
Semantic
Feedback and state colors.- Make GreenSuccess0, 196, 140
- Make YellowWarning255, 179, 0
- Make RedError255, 77, 79
- Make BlueInfo0, 178, 255
Use Make's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
make-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00B2FF;
--error: #FF4D4F;
--accent: #00E0CA;
--border: #E0E0E6;
--primary: #6D00CC;
--success: #00C48C;
--surface: #FFFFFF;
--warning: #FFB300;
--secondary: #FFB300;
--text-muted: #A3A7B0;
--background: #F7F7F9;
--text-primary: #181A20;
--text-secondary: #6B6F76;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.3:1
Pass
Text on surface
Needs 4.5:1 for body text
17.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.0:1
Pass
Muted text on background
Needs 3:1 for large text
2.3:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Make gray and neutral colors
The quiet part of the Make palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Make Light GrayBackground
- HEX
- RGB
- HSL
- Make WhiteSurface
- HEX
- RGB
- HSL
- Make Border GrayBorder
- HEX
- RGB
- HSL
- Make BlackText
- HEX
- RGB
- HSL
- Make Medium GraySecondary text
- HEX
- RGB
- HSL
- Make Muted GrayMuted text
- HEX
- RGB
- HSL
About Make's colors
Make's palette is anchored by a bold purple, contrasted with energetic accent colors and balanced by neutral grays. The system supports clear hierarchy and visual consistency across the platform.
Primary purple is complemented by yellow and aqua accents.
Neutral grays provide structure and readability.
Semantic colors (green, red, blue) align with standard UI feedback.
Psychology
Purple conveys creativity, innovation, and a sense of premium technology. The supporting colors add clarity and energy, encouraging user engagement.
Evolution
Make's palette has remained consistent since its rebrand from Integromat, focusing on the signature purple. Minor adjustments have refined neutral tones for improved accessibility.
Where Make uses each color
- Primary
Used for main navigation highlights, primary buttons, and key interactive elements.
- Secondary
Appears in secondary buttons, notifications, and highlights.
- Accent
Used for links, icons, and to draw attention to important UI components.
- Backgrounds
Light gray and white are used for app backgrounds and content surfaces.
- Text
Black and gray tones are used for headings, body text, and muted labels.
- Semantic
Green, yellow, red, and blue are used for success, warning, error, and informational states respectively.
Make color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Make primary color is #6D00CC, known as Make Purple. This color is used for key brand and UI elements.
The RGB value for #6D00CC is (109, 0, 204). For CMYK, it is approximately (47, 100, 0, 20).
Make uses #F7F7F9 (Make Light Gray), #E0E0E6 (Make Border Gray), #6B6F76 (Make Medium Gray), and #A3A7B0 (Make Muted Gray) for backgrounds, borders, and text. These neutrals provide structure and readability throughout the UI.
Use #6D00CC for primary actions and highlights, with accent and semantic colors for feedback and emphasis. Neutrals and grays should be applied to backgrounds, surfaces, and text for clarity and accessibility.
The secondary color is Make Yellow, #FFB300, and the accent is Make Aqua, #00E0CA. 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 Make's colors consistently when it generates UI.
Make something in the spirit of Make
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.