Bright Marigold

Meet Bright Marigold (#FCB130), a radiant hue that commands attention. Sitting confidently between a zesty orange and a sunny yellow, its defining quality is an intense, saturated warmth. This color brings a bold energy to any palette without the harshness of a pure primary.

Bright Marigold
#FCB130
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Bright Marigold?

Bright Marigold is a radiant, golden-orange hue with an unmistakably warm temperature.

It’s a saturated color that leans more towards a sunny yellow than a deep orange, giving it a luminous and energetic quality.

What is the meaning of the color Bright Marigold?

Bright Marigold, with its hex code #FCB130, radiates warmth and optimism. This energetic hue often sparks feelings of joy, enthusiasm, and creativity, making it a powerful choice for designs that aim to feel positive and uplifting.

Symbolically, it carries the vibrancy of the marigold flower, often associated with the sun's power, passion, and even spiritual guidance in various cultures. It represents a burst of cheerful confidence and creative spirit.

How is Bright Marigold best used in UI design?

To make Bright Marigold work in your designs, use it as a powerful accent. It excels in drawing attention to calls-to-action, interactive elements, and key notifications. For a balanced composition, pair its warmth with cooler, deep tones like navy or charcoal gray, or set it against a clean white background for a sharp, modern feel. Applying the 60-30-10 principle, where Bright Marigold serves as the 10% accent, can create a visually harmonious interface.

While not seen everywhere, this vibrant hue is part of the visual identity for brands like Navan, Airtable, Fetch, How We Feel, and 15Five. Its selective use in the market suggests an opportunity for differentiation, helping a product feel both distinct and full of vitality.

Put theory into practice with the tools below. You can explore curated palettes, check color contrast for accessibility, and see how Bright Marigold (#FCB130) looks in real UI components from leading apps.

Using Bright Marigold color codes

To use Bright Marigold in your projects, start with its hex code, #FCB130. This is the standard for web design, but you will need to convert it for other applications. For instance, digital displays use the RGB model, while printed materials require CMYK values to reproduce the color accurately.

Each color model serves a specific purpose. RGB (Red, Green, Blue) mixes light for screens, while CMYK (Cyan, Magenta, Yellow, Key/Black) combines inks for print. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments, letting you fine-tune the color without starting from scratch.

We've converted #FCB130 to a range of popular formats below that you can copy.

Bright Marigold Code Conversions

HEX
#FCB130
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Bright Marigold Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Bright Marigold, this creates a harmonious and serene palette, blending smoothly from one shade to another.

#123456
#123456
#123456

Complementary

Complementary colors sit opposite each other on the color wheel. Paired with Bright Marigold, they create a striking, high-contrast visual effect.

#123456
#123456

Split Complementary

The split complementary palette for Bright Marigold pairs it with the two colors neighboring its opposite, creating high contrast with less visual tension.

#123456
#123456
#123456

Triadic

Triadic color schemes use three hues equally spaced on the color wheel. For Bright Marigold, this creates a vibrant, high-contrast, and balanced palette.

#123456
#123456
#123456

Tetradic

A tetradic scheme pairs Bright Marigold with three other hues, creating two complementary pairs that form a rectangle on the color wheel.

#123456
#123456
#123456
#123456

Square

A square color scheme uses four colors equidistant on the color wheel, creating a rich, high-contrast palette built around Bright Marigold.

#123456
#123456
#123456
#123456

Bright Marigold Color Variations

Shades

By adding black to Bright Marigold, you create darker shades that add depth and substance.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Tints of Bright Marigold are made by adding white, which produces softer, airier versions.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones are created by adding gray to Bright Marigold, resulting in softer, desaturated versions.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Bright Marigold that differ in intensity and temperature, creating distinct moods.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Bright Marigold?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

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.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion