Marigold
Meet Marigold (#EAA221), a vibrant, golden-yellow hue that commands attention. Its rich saturation and warm undertones create a striking visual presence, sitting confidently between a pure yellow and a deep orange, making it a fascinating choice for any designer's palette.
What color is Marigold?
Marigold (#EAA221) is a vibrant, golden-yellow hue. It sits comfortably between a pure yellow and a rich orange, radiating warmth and energy.
This color possesses distinct orange and brown undertones, giving it an earthy, autumnal quality. Its warm temperature makes it feel inviting and optimistic, without the sharp intensity of a primary yellow.
What is the meaning of the color Marigold (#EAA221)?
The color Marigold, #EAA221, radiates warmth and optimism, often associated with the sun's energy, creativity, and joy.
Historically, it carries significant cultural weight, symbolizing everything from passion and new beginnings to the sacred and the memory of life.
What are some effective ways to use Marigold in UI design?
In design, Marigold (#EAA221) shines as an accent color for buttons, icons, and key highlights, creating strong visual interest against dark backgrounds like charcoal or navy. For a balanced composition, consider the 60-30-10 rule, pairing it with soft creams and earthy tones, or with deep purples for a more daring, complementary scheme.
While not a widely used primary brand color, its rarity offers a chance to stand out. Companies such as Fetch, 15Five, Crunchbase, and Height have successfully incorporated similar golden-yellows, building a warm and memorable visual identity.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Marigold in real UI components from top brands.
How do I use the Marigold color codes?
The most direct way to use Marigold in a digital project is with its hex code, #EAA221. This code precisely defines the color for web browsers and design software, guaranteeing consistency across your work.
Different projects require different color codes. While #EAA221 is perfect for the web, you'll need its CMYK equivalent for print materials or its RGB values for screen-based applications. Each code represents the same color but is built for a specific medium, from digital displays (RGB) to physical ink (CMYK).
To help you get started, we've converted Marigold's #EAA221 hex code into a range of popular formats. You can find and copy the exact values you need for your project below.
Analogous
An analogous scheme pairs Marigold with its neighbors on the color wheel, resulting in a cohesive and naturally soothing color palette.
Complementary
Positioned opposite on the color wheel, complementary colors produce a vibrant effect. Paired with Marigold, its complement creates a bold, high-contrast combination.
Split Complementary
A split complementary palette offers a sophisticated twist on a classic scheme, pairing Marigold with the two colors adjacent to its direct opposite.
Triadic
A triadic combination pairs Marigold with two other colors, each equidistant on the color wheel, resulting in a bold and balanced visual effect.
Tetradic
A tetradic color scheme for Marigold uses two pairs of complementary colors, forming a rich, four-color palette with built-in contrast.
Square
A square scheme pairs Marigold with three other colors, all equidistant on the color wheel. This creates a rich, high-contrast, and balanced combination.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Marigold are created by adding black, which introduces a feeling of depth and weight.
Tints
By mixing Marigold with white, you get tints—lighter, softer versions of the original hue.
Tones
Tones are created by adding gray to Marigold, producing softer, less saturated variations.
Hues
Hues are variations of Marigold, sharing its base color but differing in intensity or temperature.
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.
