MongoDB color palette
TechMongoDB's color system is centered around its signature green, complemented by a range of dark, neutral, and accent tones for UI clarity. The palette is designed for readability and reflects the brand's developer-focused identity.
mongodb.comMongoDB colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- MongoDB GreenPrimary71, 162, 72
- Leaf GreenSecondary19, 170, 82
- Mint AccentAccent184, 234, 205
Surfaces
Page, cards and dividers.- Deep NightBackground12, 31, 35
- Slate SurfaceSurface27, 42, 47
- Graphite BorderBorder34, 56, 62
Text
Three tiers of copy.- Ivory TextText249, 250, 251
- Fog TextSecondary text179, 194, 200
- Muted SteelMuted text124, 139, 145
Semantic
Feedback and state colors.- Success GreenSuccess19, 170, 82
- Warning GoldWarning249, 200, 70
- Error RedError225, 76, 76
- Info BlueInfo59, 140, 255
Use MongoDB's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
mongodb-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3B8CFF;
--error: #E14C4C;
--accent: #B8EACD;
--border: #22383E;
--primary: #47A248;
--success: #13AA52;
--surface: #1B2A2F;
--warning: #F9C846;
--secondary: #13AA52;
--text-muted: #7C8B91;
--background: #0C1F23;
--text-primary: #F9FAFB;
--text-secondary: #B3C2C8;
}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
14.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
9.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.1:1
Pass
Muted text on background
Needs 3:1 for large text
4.8:1
Pass
Muted text on surface
Needs 3:1 for large text
4.2:1
Pass
MongoDB background, border and text colors
MongoDB runs a dark interface, so these grays carry the layout: background, sidebar surfaces, dividers and three tiers of text. Click a value to copy it.
- Deep NightBackground
- HEX
- RGB
- HSL
- Slate SurfaceSurface
- HEX
- RGB
- HSL
- Graphite BorderBorder
- HEX
- RGB
- HSL
- Ivory TextText
- HEX
- RGB
- HSL
- Fog TextSecondary text
- HEX
- RGB
- HSL
- Muted SteelMuted text
- HEX
- RGB
- HSL
About MongoDB's colors
MongoDB's palette is built around a vibrant green, paired with dark backgrounds and muted neutrals for contrast and accessibility. The accent and semantic colors provide clear visual cues for UI states.
Primary green is complemented by deep, dark backgrounds.
Accent mint and semantic colors stand out against dark UI.
Neutrals support readability and hierarchy.
Psychology
Green symbolizes growth, reliability, and innovation, aligning with MongoDB's open-source and scalable database ethos. The dark neutrals evoke professionalism and focus.
Evolution
MongoDB's palette has remained consistent, with minor refinements to green and neutrals for digital clarity. The core green has been a stable identifier since the brand's inception.
Where MongoDB uses each color
- Primary
MongoDB Green is used for logos, primary buttons, and key highlights.
- Secondary
Leaf Green appears in secondary buttons, icons, and UI highlights.
- Accent
Mint Accent is used for subtle highlights, backgrounds, and infographics.
- Backgrounds
Deep Night and Slate Surface are used for main app backgrounds and navigation bars.
- Text
Ivory Text is used for primary text, with Fog Text and Muted Steel for secondary and muted text.
- Semantic
Success Green, Warning Gold, Error Red, and Info Blue are used for status indicators, alerts, and notifications.
MongoDB color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official MongoDB primary color is #47A248. This green is used in the logo and primary brand elements.
MongoDB Green (#47A248) is RGB(71, 162, 72) and approximately CMYK(56, 0, 56, 36). Always use the hex #47A248 for digital applications.
MongoDB uses Deep Night (#0C1F23), Slate Surface (#1B2A2F), and Graphite Border (#22383E) for backgrounds and UI surfaces. These provide contrast and support accessibility in the interface.
Use MongoDB Green (#47A248) for primary actions and branding, and apply neutrals for backgrounds and text. Semantic colors like Success Green (#13AA52) and Error Red (#E14C4C) should be reserved for status indicators and alerts.
The secondary color is Leaf Green, #13AA52, and the accent is Mint Accent, #B8EACD. 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 MongoDB's colors consistently when it generates UI.
Make something in the spirit of MongoDB
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.