Empire Yellow
Meet Empire Yellow (#F5B842), a color that commands attention. Its rich, golden undertone gives it a distinctive warmth and depth, setting it apart from more common yellows. This hue possesses a striking saturation that makes it a compelling choice for any design palette.
What color is Empire Yellow?
Empire Yellow is a vibrant, warm yellow with a distinct golden character. It sits somewhere between a pure, sunny yellow and a rich amber, giving it a saturated and luminous quality.
Its warmth comes from strong orange and red undertones, making it feel energetic and radiant. This gives the color a substantial, almost tangible presence.
What is the symbolic meaning of Empire Yellow (#F5B842) in design?
Empire Yellow radiates a sense of vibrant energy and confident optimism, often associated with joy and intellectual clarity.
The 'Empire' in its name hints at a deeper symbolism of luxury, prestige, and the golden hues historically linked to royalty and power.
What are the best practices for using Empire Yellow in UI design?
Empire Yellow’s vibrancy makes it an excellent choice for accents, calls-to-action, and highlighting key information. For a balanced composition, consider the 60-30-10 rule, using #F5B842 as your 10% accent color. It creates a striking, accessible contrast against deep charcoals and navy blues, while pairing it with earthy tones can produce a warmer, more organic feel.
While not a dominant color across the web, this specific shade of yellow is used by brands aiming for a friendly and energetic identity. You can spot similar hues in the interfaces of companies like Airtable, Lemon Squeezy, and 15Five, often to guide user attention or add a splash of optimism.
To see how Empire Yellow works in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview #F5B842 in real UI components from top brands.
Using Empire Yellow color codes
Using Empire Yellow in your work starts with its hex code, #F5B842. This six-digit format is the universal standard for specifying colors in web design and digital applications, making it simple to achieve precise and consistent reproduction across different platforms.
While #F5B842 is ideal for the web, other projects require different formats. For digital screens, you'll use its RGB values (Red, Green, Blue), which control light emission. For print, you'll need the CMYK values (Cyan, Magenta, Yellow, Key/Black) that dictate ink combinations. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.
To help you get started, we’ve converted Empire Yellow’s #F5B842 hex code into a range of common formats. Simply find the code you need below and copy it directly into your project.
Analogous
Analogous colors are neighbors on the color wheel. For Empire Yellow, these adjacent hues create a harmonious and visually soothing color scheme.
Complementary
Complementary colors are found on opposite sides of the color wheel. Paired with Empire Yellow, its complement offers a striking, high-contrast visual effect.
Split Complementary
A split complementary palette pairs Empire Yellow with the two colors sitting next to its direct complement, creating a vibrant, balanced look.
Triadic
For a high-contrast and lively effect, a triadic palette combines Empire Yellow with two other colors equally spaced on the color wheel.
Tetradic
Tetradic schemes pair Empire Yellow with three other hues, creating two complementary pairs that form a rectangle on the color wheel for rich, balanced designs.
Square
A square color scheme pairs Empire Yellow with three other colors, all equidistant on the color wheel, creating a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
By mixing black with Empire Yellow, you create shades that add depth and gravity.
Tints
Tints of Empire Yellow are created by adding white, resulting in softer, lighter variations.
Tones
Tones of Empire Yellow are created by adding gray, resulting in softer, less saturated versions.
Hues
Hues are variations of Empire Yellow, differing in intensity or temperature to create distinct 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.
































































































































