Gojek color palette
TravelGojek's color identity centers on a vibrant green, supported by a palette of dark, gray, and white tones for clarity and accessibility. The palette is designed for high contrast and digital usability across its super app ecosystem.
gojek.comGojek colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Gojek GreenPrimary0, 170, 19
- Gojek CharcoalSecondary34, 34, 34
- Gojek YellowAccent255, 214, 0
Surfaces
Page, cards and dividers.- Gojek WhiteBackground255, 255, 255
- Gojek Light GraySurface246, 246, 246
- Gojek Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Gojek CharcoalText34, 34, 34
- Gojek Medium GraySecondary text117, 117, 117
- Gojek Muted GrayMuted text189, 189, 189
Semantic
Feedback and state colors.- Gojek GreenSuccess0, 170, 19
- Gojek YellowWarning255, 214, 0
- Gojek RedError255, 59, 48
- Gojek BlueInfo0, 145, 234
Use Gojek's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
gojek-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0091EA;
--error: #FF3B30;
--accent: #FFD600;
--border: #E0E0E0;
--primary: #00AA13;
--success: #00AA13;
--surface: #F6F6F6;
--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.7: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.3: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
Gojek gray and neutral colors
The quiet part of the Gojek palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Gojek WhiteBackground
- HEX
- RGB
- HSL
- Gojek Light GraySurface
- HEX
- RGB
- HSL
- Gojek Border GrayBorder
- HEX
- RGB
- HSL
- Gojek CharcoalText
- HEX
- RGB
- HSL
- Gojek Medium GraySecondary text
- HEX
- RGB
- HSL
- Gojek Muted GrayMuted text
- HEX
- RGB
- HSL
About Gojek's colors
Gojek's palette is built around a bold green, with neutral grays and white for clarity and accessibility. The system ensures strong contrast and a modern, digital-first feel.
Primary green is paired with dark neutrals for contrast.
Accent yellow is used for highlights and calls to action.
Grays provide structure and support for UI elements.
Psychology
The green signals growth, reliability, and approachability, reflecting Gojek's commitment to movement and progress. Neutrals keep the interface clean and easy to navigate.
Evolution
Gojek's palette has remained stable, with green always at the core. Minor adjustments to gray tones and accent colors have improved accessibility and digital clarity.
Where Gojek uses each color
- Primary
Gojek Green is used for main buttons, highlights, and the app logo.
- Secondary
Gojek Charcoal appears in navigation bars, headers, and primary text.
- Accent
Gojek Yellow is reserved for notifications, badges, and promotional banners.
- Backgrounds
Gojek White and Light Gray are used for page backgrounds and card surfaces.
- Text
Charcoal is used for primary text, with Medium and Muted Gray for secondary and disabled text.
- Semantic
Gojek Green, Yellow, Red, and Blue are used for success, warning, error, and informational states respectively.
Gojek color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Gojek primary color is #00AA13. This green is used for branding and key UI elements.
Gojek Green (#00AA13) is RGB(0, 170, 19) and approximately CMYK(100, 0, 89, 33). Always use the hex code for digital applications.
Gojek uses #222222 (Charcoal), #757575 (Medium Gray), #BDBDBD (Muted Gray), and #F6F6F6 (Light Gray) for UI structure and text. These ensure readability and a clean interface.
Use Gojek Green (#00AA13) for primary actions and branding, with neutrals for backgrounds and text. Accent and semantic colors are reserved for highlights, alerts, and status indicators.
The secondary color is Gojek Charcoal, #222222, and the accent is Gojek Yellow, #FFD600. 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 Gojek's colors consistently when it generates UI.
Make something in the spirit of Gojek
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.