Redis color palette
SaaSRedis uses a bold, high-contrast color system centered around its signature red, with dark neutrals and light grays for UI clarity. The palette is minimal, emphasizing usability and strong brand recognition.
redis.comRedis colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Redis RedPrimary255, 68, 56
- Redis CharcoalSecondary26, 26, 26
- Redis CoralAccent255, 179, 171
Surfaces
Page, cards and dividers.- Redis WhiteBackground255, 255, 255
- Redis Light GraySurface247, 247, 247
- Redis Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Redis BlackText34, 34, 34
- Redis Medium GraySecondary text102, 102, 102
- Redis Muted GrayMuted text153, 153, 153
Semantic
Feedback and state colors.- Redis Success GreenSuccess29, 185, 84
- Redis Warning YellowWarning255, 184, 0
- Redis Error RedError255, 68, 56
- Redis Info BlueInfo0, 115, 230
Use Redis's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
redis-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0073E6;
--error: #FF4438;
--accent: #FFB3AB;
--border: #E0E0E0;
--primary: #FF4438;
--success: #1DB954;
--surface: #F7F7F7;
--warning: #FFB800;
--secondary: #1A1A1A;
--text-muted: #999999;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #666666;
}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.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.4:1
Pass
Muted text on background
Needs 3:1 for large text
2.8:1
Fail
Muted text on surface
Needs 3:1 for large text
2.7:1
Fail
Redis gray and neutral colors
The quiet part of the Redis palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Redis WhiteBackground
- HEX
- RGB
- HSL
- Redis Light GraySurface
- HEX
- RGB
- HSL
- Redis Border GrayBorder
- HEX
- RGB
- HSL
- Redis BlackText
- HEX
- RGB
- HSL
- Redis Medium GraySecondary text
- HEX
- RGB
- HSL
- Redis Muted GrayMuted text
- HEX
- RGB
- HSL
About Redis's colors
Redis's palette is built around a vivid red, supported by dark and light neutrals for high contrast and accessibility. The use of minimal accent colors keeps the interface focused and recognizable.
Primary red is complemented by dark backgrounds for contrast.
Accent coral is a lighter variant of the primary red for highlights.
Neutral grays provide balance and support readability.
Psychology
The dominant red conveys energy, urgency, and technical confidence. Dark neutrals ground the interface, while light grays and white create a clean, modern feel.
Evolution
Redis's color palette has remained consistent, with red as the core identity since its inception. Minor adjustments to gray tones and accent colors have improved accessibility and modernized the UI.
Where Redis uses each color
- Primary
Redis Red is used for logos, primary buttons, and key highlights across the website and product interfaces.
- Secondary
Redis Charcoal appears in navigation bars, footers, and dark UI backgrounds.
- Accent
Redis Coral is used for subtle highlights, badges, and notification indicators.
- Backgrounds
Redis White and Light Gray are used for main page backgrounds and content areas.
- Text
Redis Black and Medium Gray are used for primary and secondary text, respectively, with Muted Gray for disabled or less prominent text.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for status indicators and alerts.
Redis color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Redis primary color is #FF4438, known as Redis Red. This color is used for branding and key interface elements.
Redis Red (#FF4438) has an RGB value of (255, 68, 56). For CMYK, it is approximately (0, 73, 78, 0).
Redis uses #1A1A1A (Redis Charcoal) for dark backgrounds and #F7F7F7 (Redis Light Gray) for surfaces. These neutrals support readability and contrast throughout the UI.
Use Redis Red (#FF4438) for primary actions and branding, with neutrals for backgrounds and text. Accent and semantic colors should be reserved for highlights, notifications, and status indicators.
The secondary color is Redis Charcoal, #1A1A1A, and the accent is Redis Coral, #FFB3AB. 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 Redis's colors consistently when it generates UI.
Make something in the spirit of Redis
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.