FlixBus color palette
TravelFlixBus uses a vivid green as its signature color, complemented by orange and neutral grays for UI clarity. The palette is designed for high visibility and easy recognition in the travel and transportation sector.
flixbus.comFlixBus colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- FlixBus GreenPrimary122, 193, 67
- FlixBus OrangeSecondary255, 128, 0
- FlixBus WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- FlixBus Light GrayBackground246, 246, 246
- FlixBus Surface GraySurface237, 237, 237
- FlixBus Border GrayBorder204, 204, 204
Text
Three tiers of copy.- FlixBus BlackText34, 34, 34
- FlixBus Dark GraySecondary text102, 102, 102
- FlixBus Muted GrayMuted text160, 160, 160
Semantic
Feedback and state colors.- FlixBus Success GreenSuccess67, 176, 42
- FlixBus Warning YellowWarning255, 179, 0
- FlixBus Error RedError211, 47, 47
- FlixBus Info BlueInfo25, 118, 210
Use FlixBus's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
flixbus-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D32F2F;
--accent: #FFFFFF;
--border: #CCCCCC;
--primary: #7AC143;
--success: #43B02A;
--surface: #EDEDED;
--warning: #FFB300;
--secondary: #FF8000;
--text-muted: #A0A0A0;
--background: #F6F6F6;
--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
14.7:1
Pass
Text on surface
Needs 4.5:1 for body text
13.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.9:1
Pass
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
FlixBus gray and neutral colors
The quiet part of the FlixBus palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- FlixBus Light GrayBackground
- HEX
- RGB
- HSL
- FlixBus Surface GraySurface
- HEX
- RGB
- HSL
- FlixBus Border GrayBorder
- HEX
- RGB
- HSL
- FlixBus BlackText
- HEX
- RGB
- HSL
- FlixBus Dark GraySecondary text
- HEX
- RGB
- HSL
- FlixBus Muted GrayMuted text
- HEX
- RGB
- HSL
About FlixBus's colors
FlixBus’s palette is built around a high-visibility green, paired with orange for contrast and neutral grays for readability. The colors are functional, supporting both brand recognition and user interface clarity.
Primary green and orange are complementary for attention.
Neutral grays balance vivid brand colors.
White and dark tones provide accessibility and contrast.
Psychology
The green conveys eco-friendliness and approachability, while orange signals energy and affordability. Neutral grays maintain a clean, modern interface.
Evolution
FlixBus’s palette has remained stable since its rebrand, consistently using green and orange as core identifiers. Minor adjustments to gray tones have improved digital accessibility.
Where FlixBus uses each color
- Primary
Used in navigation bars, buttons, and vehicle livery.
- Secondary
Appears in call-to-action buttons and highlights.
- Accent
Used for backgrounds, text, and icons for clarity.
- Backgrounds
Light gray is used for app and website backgrounds.
- Text
Primary text is dark gray or black for maximum readability.
- Semantic
Success, warning, and error colors are used for status messages and alerts.
FlixBus color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official FlixBus green is #7AC143. This color is used prominently across all brand touchpoints.
FlixBus Green (#7AC143) is RGB(122, 193, 67) and CMYK(36, 0, 65, 24). Use these values for print and digital consistency.
FlixBus uses a range of grays: #F6F6F6 for backgrounds, #EDEDED for surfaces, #CCCCCC for borders, and #222222 for primary text. These ensure clarity and accessibility.
Primary green (#7AC143) should dominate navigation and CTAs, with orange (#FF8000) for highlights. Grays and white support readability and structure in digital interfaces.
The secondary color is FlixBus Orange, #FF8000, and the accent is FlixBus White, #FFFFFF. 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 FlixBus's colors consistently when it generates UI.
Make something in the spirit of FlixBus
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.