Gamboge
Meet Gamboge (#E49B0F), a deeply saturated golden-orange that commands attention. Its striking character comes from a rich, earthy depth balanced with a luminous quality, making it a fascinating hue for any designer's palette.
What color is Gamboge?
Gamboge is a deep, earthy yellow with a distinct mustard-like quality.
It carries warm, brownish undertones, giving it a rich and slightly muted appearance compared to a primary yellow.
What is the meaning of the color Gamboge?
The color Gamboge, with its hex code #E49B0F, radiates warmth and an energetic optimism. It's a hue that often sparks creativity and intellectual curiosity, making it feel both vibrant and inviting.
Historically derived from tree resin, Gamboge carries an organic, earthy quality. It holds deep cultural significance, most notably its association with the saffron-colored robes of Buddhist monks, symbolizing simplicity and enlightenment.
How can I use Gamboge in my UI design?
In UI design, Gamboge (#E49B0F) shines as a potent accent color. Its warmth creates a striking contrast against deep blues, charcoals, and clean off-whites, making it ideal for calls-to-action, interactive states, or key data visualizations. For a more subdued, organic palette, pair it with olive greens and warm grays to ground its natural energy.
While not a common primary color in branding, its relative scarcity can make a product memorable. GitLab, for instance, uses a similar orange to create a distinctive identity. Using Gamboge could be a strategic choice for a brand wanting to differentiate itself with a confident and approachable feel.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Gamboge in real UI components from top brands.
Using Gamboge color codes
Working with Gamboge begins with its hex code, #E49B0F. This is the standard identifier for using the color in web and digital projects, but you will often need to translate it for different applications.
Different projects require different color code systems. For digital screens, you will use the RGB (Red, Green, Blue) values, which define color by mixing light. For print materials, you will need the CMYK (Cyan, Magenta, Yellow, Key/Black) equivalent, which is based on ink absorption on paper. Other formats like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments in design software.
To help you get started, we have converted #E49B0F into a range of popular color formats. You can find these below, ready to copy for your projects.
Analogous
Analogous colors sit beside Gamboge on the color wheel. Grouping them together produces a cohesive and tranquil palette that feels naturally balanced and calm.
Complementary
To find Gamboge's complement, look directly opposite it on the color wheel. This pairing produces a vibrant, energetic combination with maximum visual contrast.
Split Complementary
A split complementary scheme for Gamboge uses the two colors adjacent to its direct complement, offering a vibrant yet balanced high-contrast palette.
Triadic
A triadic color scheme pairs Gamboge with two other colors that are equally spaced on the color wheel, creating a vibrant, high-contrast palette.
Tetradic
A tetradic scheme is built from two complementary color pairs. When applied to Gamboge, it produces a balanced and versatile four-color arrangement.
Square
A square color scheme uses four colors equidistant on the color wheel. With Gamboge as the base, this combination offers vibrant, high-contrast palettes.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Gamboge are created by adding black, giving the color more depth and weight.
Tints
Tints of Gamboge are created by adding white, resulting in lighter, softer variations.
Tones
Tones are created by adding gray to Gamboge, resulting in a softer, less saturated hue.
Hues
Hues are Gamboge variations that differ in intensity or temperature to produce distinct visual effects.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.
