Roomba color palette
ConsumerRoomba, by iRobot, uses a distinctive green as its primary brand color, complemented by neutral grays and black for a modern, approachable look. The palette is designed for clarity, cleanliness, and high-tech appeal across digital and physical touchpoints.
irobot.comRoomba colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Roomba GreenPrimary108, 179, 63
- Roomba BlackSecondary34, 34, 34
- Roomba Light GreenAccent166, 206, 57
Surfaces
Page, cards and dividers.- Roomba WhiteBackground255, 255, 255
- Roomba Light GraySurface245, 245, 245
- Roomba Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Roomba Text BlackText34, 34, 34
- Roomba Text GraySecondary text110, 110, 110
- Roomba Muted GrayMuted text160, 160, 160
Semantic
Feedback and state colors.- Roomba Success GreenSuccess108, 179, 63
- Roomba Warning OrangeWarning249, 178, 51
- Roomba Error RedError208, 2, 27
- Roomba Info BlueInfo0, 159, 218
Use Roomba's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
roomba-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009FDA;
--error: #D0021B;
--accent: #A6CE39;
--border: #E0E0E0;
--primary: #6CB33F;
--success: #6CB33F;
--surface: #F5F5F5;
--warning: #F9B233;
--secondary: #222222;
--text-muted: #A0A0A0;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #6E6E6E;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Roomba gray and neutral colors
The quiet part of the Roomba palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Roomba WhiteBackground
- HEX
- RGB
- HSL
- Roomba Light GraySurface
- HEX
- RGB
- HSL
- Roomba Border GrayBorder
- HEX
- RGB
- HSL
- Roomba Text BlackText
- HEX
- RGB
- HSL
- Roomba Text GraySecondary text
- HEX
- RGB
- HSL
- Roomba Muted GrayMuted text
- HEX
- RGB
- HSL
About Roomba's colors
Roomba’s color system centers on a vibrant green, symbolizing innovation and cleanliness, balanced by neutral grays and black for a high-tech, trustworthy feel. The palette is functional and consistent across digital and physical products.
Primary green contrasts with black for strong brand recognition.
Accent green is used for highlights and calls to action.
Neutral grays provide clarity and visual hierarchy.
Psychology
Green evokes cleanliness, eco-friendliness, and reliability, aligning with Roomba’s purpose. The use of black and gray reinforces a sense of sophistication and trust.
Evolution
Roomba’s palette has remained stable, with green as the core identity color since launch. Minor adjustments to gray tones have been made to improve digital accessibility.
Where Roomba uses each color
- Primary
Roomba Green is used for primary buttons, highlights, and key branding elements on packaging and the website.
- Secondary
Roomba Black appears in navigation bars, product imagery backgrounds, and app headers.
- Accent
Roomba Light Green is used for secondary buttons, icons, and interactive states.
- Backgrounds
Roomba White and Light Gray are used for website backgrounds, app screens, and product documentation.
- Text
Text Black and Text Gray are used for primary and secondary text throughout digital and print materials.
- Semantic
Success Green, Warning Orange, Error Red, and Info Blue are used for status indicators and alerts in the app UI.
Roomba color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Roomba brand color is Roomba Green, hex code #6CB33F. This color is used as the primary identifier across all brand materials.
Roomba Green (#6CB33F) in RGB is (108, 179, 63). For print, its approximate CMYK is (40, 0, 65, 30).
Roomba uses Roomba Black (#222222), Light Gray (#F5F5F5), and Border Gray (#E0E0E0) for UI backgrounds, surfaces, and borders. These neutrals provide clarity and contrast for the green brand color.
Use Roomba Green (#6CB33F) for primary actions and branding, with neutrals for backgrounds and text. Accent and semantic colors should be reserved for highlights, alerts, and status indicators.
The secondary color is Roomba Black, #222222, and the accent is Roomba Light Green, #A6CE39. 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 Roomba's colors consistently when it generates UI.
Make something in the spirit of Roomba
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.