Lime color palette
TravelLime's color identity centers on a vibrant green paired with clean white and dark gray neutrals, reflecting its focus on urban mobility and sustainability. The palette is bold, energetic, and instantly recognizable in the shared mobility space.
li.meLime colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Lime GreenPrimary50, 205, 50
- Lime BlackSecondary34, 34, 34
- Lime Light GreenAccent185, 255, 102
Surfaces
Page, cards and dividers.- Lime WhiteBackground255, 255, 255
- Lime Surface GraySurface245, 245, 245
- Lime Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Lime BlackText34, 34, 34
- Lime Secondary GraySecondary text117, 117, 117
- Lime Muted GrayMuted text189, 189, 189
Semantic
Feedback and state colors.- Lime GreenSuccess50, 205, 50
- Lime Warning YellowWarning255, 214, 0
- Lime Error RedError255, 59, 48
- Lime Info BlueInfo0, 184, 217
Use Lime's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
lime-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00B8D9;
--error: #FF3B30;
--accent: #B9FF66;
--border: #E0E0E0;
--primary: #32CD32;
--success: #32CD32;
--surface: #F5F5F5;
--warning: #FFD600;
--secondary: #222222;
--text-muted: #BDBDBD;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #757575;
}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
4.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.2:1
Fail
Muted text on background
Needs 3:1 for large text
1.9:1
Fail
Muted text on surface
Needs 3:1 for large text
1.7:1
Fail
Lime gray and neutral colors
The quiet part of the Lime palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Lime WhiteBackground
- HEX
- RGB
- HSL
- Lime Surface GraySurface
- HEX
- RGB
- HSL
- Lime Border GrayBorder
- HEX
- RGB
- HSL
- Lime BlackText
- HEX
- RGB
- HSL
- Lime Secondary GraySecondary text
- HEX
- RGB
- HSL
- Lime Muted GrayMuted text
- HEX
- RGB
- HSL
About Lime's colors
Lime's palette is built around a vivid green, symbolizing energy, eco-friendliness, and approachability. The supporting neutrals ensure clarity and accessibility across digital and physical touchpoints.
Primary green is complemented by white and dark gray for contrast.
Accent light green is used for highlights and calls to action.
Yellow, red, and blue serve semantic roles for warnings, errors, and information.
Psychology
The bright green evokes freshness, safety, and environmental consciousness, aligning with Lime's mission of sustainable mobility. Neutral tones provide balance and legibility, reinforcing trust and usability.
Evolution
Lime's green has remained consistent since launch, with minor adjustments to supporting grays and accent tones for improved digital accessibility. The palette has been stable, focusing on brand recognition and clarity.
Where Lime uses each color
- Primary
Lime Green is used for branding, vehicle accents, and primary action buttons in the app.
- Secondary
Lime Black appears in navigation bars, text, and UI backgrounds.
- Accent
Lime Light Green highlights UI elements and promotional banners.
- Backgrounds
Lime White is the default background for app screens and website pages.
- Text
Lime Black and Lime Secondary Gray are used for primary and secondary text respectively.
- Semantic
Lime Warning Yellow, Error Red, and Info Blue are used for alerts, errors, and informational messages.
Lime color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Lime brand color is Lime Green, hex code #32CD32.
Lime Green (#32CD32) is RGB(50, 205, 50) and CMYK(76, 0, 76, 20).
Lime uses Lime Black (#222222), Lime Surface Gray (#F5F5F5), and Lime Border Gray (#E0E0E0) for UI backgrounds and borders.
Use Lime Green (#32CD32) for primary actions and branding, with neutrals for backgrounds and text. Accent and semantic colors should be reserved for highlights and status indicators.
The secondary color is Lime Black, #222222, and the accent is Lime Light Green, #B9FF66. Together with the primary they make up the three brand colors at the top of this page.
3 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 Lime's colors consistently when it generates UI.
Make something in the spirit of Lime
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.