SurveyMonkey color palette
SaaSSurveyMonkey's color identity centers on a vibrant green paired with a clean, modern palette of neutrals and accent colors for clarity and approachability. The brand's color system is designed for high usability and strong visual recognition across digital products.
surveymonkey.comSurveyMonkey colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- SurveyMonkey GreenPrimary0, 191, 111
- SurveyMonkey YellowSecondary255, 217, 0
- SurveyMonkey BlueAccent0, 162, 225
Surfaces
Page, cards and dividers.- SurveyMonkey WhiteBackground255, 255, 255
- SurveyMonkey Light GraySurface245, 246, 247
- SurveyMonkey Border GrayBorder224, 224, 224
Text
Three tiers of copy.- SurveyMonkey CharcoalText45, 45, 45
- SurveyMonkey Medium GraySecondary text92, 92, 92
- SurveyMonkey Muted GrayMuted text140, 140, 140
Semantic
Feedback and state colors.- SurveyMonkey GreenSuccess0, 191, 111
- SurveyMonkey YellowWarning255, 217, 0
- SurveyMonkey RedError224, 60, 49
- SurveyMonkey BlueInfo0, 162, 225
Use SurveyMonkey's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
surveymonkey-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00A2E1;
--error: #E03C31;
--accent: #00A2E1;
--border: #E0E0E0;
--primary: #00BF6F;
--success: #00BF6F;
--surface: #F5F6F7;
--warning: #FFD900;
--secondary: #FFD900;
--text-muted: #8C8C8C;
--background: #FFFFFF;
--text-primary: #2D2D2D;
--text-secondary: #5C5C5C;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
13.8:1
Pass
Text on surface
Needs 4.5:1 for body text
12.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.2:1
Pass
Muted text on background
Needs 3:1 for large text
3.4:1
Pass
Muted text on surface
Needs 3:1 for large text
3.1:1
Pass
SurveyMonkey gray and neutral colors
The quiet part of the SurveyMonkey palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- SurveyMonkey WhiteBackground
- HEX
- RGB
- HSL
- SurveyMonkey Light GraySurface
- HEX
- RGB
- HSL
- SurveyMonkey Border GrayBorder
- HEX
- RGB
- HSL
- SurveyMonkey CharcoalText
- HEX
- RGB
- HSL
- SurveyMonkey Medium GraySecondary text
- HEX
- RGB
- HSL
- SurveyMonkey Muted GrayMuted text
- HEX
- RGB
- HSL
About SurveyMonkey's colors
SurveyMonkey's palette uses a signature green as a focal point, complemented by yellow, blue, and a range of grays for functional clarity. The system is designed for accessibility and a friendly, professional feel.
Primary green is paired with yellow for contrast and blue for balance.
Neutral grays support content legibility and UI structure.
Accent colors highlight actions and status feedback.
Psychology
The green evokes growth, positivity, and trust, aligning with SurveyMonkey's mission of empowering feedback. Yellow and blue provide energy and reliability, while neutrals keep the interface clean and readable.
Evolution
SurveyMonkey's core green has remained consistent, while the supporting palette has evolved to include more nuanced grays and accent colors for digital clarity. The palette has shifted toward lighter backgrounds and higher contrast for accessibility.
Where SurveyMonkey uses each color
- Primary
Used for main buttons, logo, and key highlights throughout the website and app.
- Secondary
Appears in callouts, badges, and secondary actions.
- Accent
Used for links, icons, and informational highlights.
- Backgrounds
White and light gray backgrounds are used for pages, cards, and forms.
- Text
Charcoal and gray tones are used for headings, body text, and muted labels.
- Semantic
Green, yellow, and red are used for success, warning, and error states respectively.
SurveyMonkey color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official SurveyMonkey primary color is #00BF6F, known as SurveyMonkey Green.
SurveyMonkey Green (#00BF6F) in RGB is (0, 191, 111) and in CMYK is (100, 0, 42, 25).
SurveyMonkey uses several grays including #F5F6F7 (Light Gray), #E0E0E0 (Border Gray), #2D2D2D (Charcoal), #5C5C5C (Medium Gray), and #8C8C8C (Muted Gray) for backgrounds, borders, and text.
The primary green (#00BF6F) is reserved for key actions and branding, while secondary and accent colors provide visual hierarchy and feedback. Neutrals support readability and structure across all digital interfaces.
The secondary color is SurveyMonkey Yellow, #FFD900, and the accent is SurveyMonkey Blue, #00A2E1. Together with the primary they make up the three brand colors at the top of this page.
6 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 SurveyMonkey's colors consistently when it generates UI.
Make something in the spirit of SurveyMonkey
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.