Lotus color palette
AutomotiveLotus uses a distinctive palette centered around its iconic yellow and green, reflecting its British racing heritage. The color system is bold, classic, and instantly recognizable in both digital and physical applications.
lotuscars.comLotus colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Lotus YellowPrimary255, 230, 0
- Lotus Racing GreenSecondary0, 103, 71
- Lotus Deep GreenAccent0, 58, 36
Surfaces
Page, cards and dividers.- Lotus WhiteBackground255, 255, 255
- Lotus Light GraySurface245, 245, 245
- Lotus Silver GrayBorder217, 217, 214
Text
Three tiers of copy.- Lotus CharcoalText34, 34, 34
- Lotus Medium GraySecondary text102, 102, 102
- Lotus Muted GrayMuted text153, 153, 153
Semantic
Feedback and state colors.- Lotus Success GreenSuccess75, 181, 67
- Lotus Warning AmberWarning255, 184, 0
- Lotus Error RedError215, 38, 49
- Lotus Info BlueInfo0, 118, 206
Use Lotus's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
lotus-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0076CE;
--error: #D72631;
--accent: #003A24;
--border: #D9D9D6;
--primary: #FFE600;
--success: #4BB543;
--surface: #F5F5F5;
--warning: #FFB800;
--secondary: #006747;
--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.6: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.3: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.6:1
Fail
Lotus gray and neutral colors
The quiet part of the Lotus palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Lotus WhiteBackground
- HEX
- RGB
- HSL
- Lotus Light GraySurface
- HEX
- RGB
- HSL
- Lotus Silver GrayBorder
- HEX
- RGB
- HSL
- Lotus CharcoalText
- HEX
- RGB
- HSL
- Lotus Medium GraySecondary text
- HEX
- RGB
- HSL
- Lotus Muted GrayMuted text
- HEX
- RGB
- HSL
About Lotus's colors
Lotus’s palette is built around high-contrast yellow and green, evoking speed and heritage. The supporting neutrals ensure clarity and legibility in digital and print contexts.
Primary yellow contrasts with deep green for brand recognition.
Neutrals balance the vivid brand colors in UI.
Accent green provides depth and hierarchy.
Psychology
Yellow conveys energy, optimism, and innovation, while green signals tradition and performance. The combination is both inviting and authoritative, aligning with Lotus’s racing legacy.
Evolution
The Lotus palette has remained largely stable, with yellow and green as core identifiers since the brand’s inception. Minor adjustments to neutral tones have modernized the digital experience.
Where Lotus uses each color
- Primary
Lotus Yellow is used for the logo, call-to-action buttons, and key highlights.
- Secondary
Lotus Racing Green appears in navigation bars, backgrounds, and vehicle liveries.
- Accent
Lotus Deep Green is used for hover states, borders, and subtle UI elements.
- Backgrounds
Lotus White and Light Gray are used for website and app backgrounds.
- Text
Lotus Charcoal and Medium Gray are used for primary and secondary text across digital and print.
- Semantic
Success, warning, error, and info colors are used for alerts, notifications, and status indicators.
Lotus color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Lotus primary brand color is Lotus Yellow, hex code #FFE600.
Lotus Yellow (#FFE600) in RGB is 255, 230, 0. In CMYK, it is approximately 0, 0, 100, 0.
Lotus uses Lotus White (#FFFFFF), Lotus Light Gray (#F5F5F5), and Lotus Silver Gray (#D9D9D6) as its neutral tones for backgrounds and UI surfaces.
Lotus Yellow and Racing Green should dominate key brand elements, while neutrals and accent greens support UI clarity. Always use the specified hex codes for consistency: #FFE600, #006747, and #003A24.
The secondary color is Lotus Racing Green, #006747, and the accent is Lotus Deep Green, #003A24. 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 Lotus's colors consistently when it generates UI.
Make something in the spirit of Lotus
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.