Skip to main content

Mimosa

Everything you need to know about mimosa to inspire your next design.

Pick a palette type

What color is mimosa?

Mimosa is a warm golden-yellow shade positioned in the yellow-orange segment of the color wheel, leaning slightly more toward orange. This bright, vibrant shade has sunny and cheerful qualities, exuding a similar hue to mimosa flowers and the popular bubbly cocktail.

mimosa colormimosa color

What does mimosa look like on digital screens?

Mimosa is defined by the following color codes and values to ensure consistency across various digital platforms and devices.

  • HEX code: #F2B949
  • RGB value: 94.9% red, 72.5% green, and 28.6% blue

Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.

How should I effectively use mimosa in UI design?

Here are some ways to use mimosa in your designs:

  • Highlight success states. The positive connotations associated with mimosa make it a useful color for confirmation messages or positive feedback within a user interface, like a sign-up completion notification or order confirmation page.
  • Create a seasonal vibe. Mimosa’s tie to sunshine makes it a great color for design elements or interfaces that aim to create a spring or summer atmosphere, like a food and beverage company with a citrus-inspired product or summer menu.
  • Spark inspiration. Mimosa evokes feelings of optimism and inspires creative thinking, making it the perfect background or accent color for creative fields and educational institutions targeting younger audiences.

Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.

What are similar colors to mimosa?

For variations within the same warm spectrum as mimosa, consider:

  • Yellow-orange (#FFB343) appears more vibrant and slightly more orange.
  • Orange (#FFA500) is deeper with the same vibrant appeal.
  • Gold (#EFBF04) shares a similar warmth with less orange influence.
  • Amber (#FFBF00) radiates the same cheerful feel with subtle hints of brown.

What colors go with mimosa?

To complement mimosa, consider pairing it with:

  • Light blue (#90D5FF) offers a soft and calming contrast reminiscent of a clear, sunny sky.
  • Red-orange (#FF4B33) creates a bold contrast, resulting in a warm and fiery color combination.
  • Green sage (#98A869) creates a soft and earthy vibe for a natural, grounded color palette.
  • Coral (#FF8559) provides a lively, cheerful contrast with mimosa.

Other colors worth considering include purple for a vibrant and eye-catching combination, white for a clean, fresh palette, or taupe to ground mimosa’s warmth.

What colors conflict with mimosa?

While mimosa is warm, it may clash with:

  • Lime green (#89F336) is a bright, cool-toned green shade that may look too intense next to mimosa.
  • Tangerine (#FFA800) shares a similar blend of yellow and orange, which may not provide enough contrast next to mimosa.
  • Teal (#069494) has a dark and cool hue that may overpower mimosa’s warmth.
  • Chartreuse (#CCFF00) shares a similar yellow undertone but may clash with mimosa due to its vibrant green hue.

What does mimosa symbolize?

Mimosa symbolizes optimism and sunshine. Its warm yellow hue also carries connotations of innovation and creativity.

In color psychology, mimosa evokes feelings of happiness and joy, creating a warm and inviting atmosphere. Its vibrancy also inspires creative thinking and an open mind.

In UI design, mimosa can indicate successful actions, giving users positive feedback. Its vibrant associations can evoke a seasonal mood and infuse designs with creativity and cheerfulness.

What’s the history of mimosa?

The color mimosa draws inspiration from the bright yellow-orange flowers of mimosa trees and the popular alcoholic beverage. Mimosa trees are ornamental plants in Europe, often featured in art across Rome and Italy. During the women’s rights movement in the 1940s, the vibrant flowers became a symbol of solidarity and resistance.

Inspired by the hue of mimosa flowers, Frank Meier invented a variation of a cocktail called the Buck’s fizz in London in 1921. This combination of champagne and orange juice remains a brunch menu favorite.

Pantone named mimosa the 2009 Color of the Year due to its association with optimism and hope during a time of economic uncertainty. Today, mimosa is still a symbolic color of International Women’s Day and continues to bring a joyful vibe to art and designs.

Color variations

Shades

Tints

Tones

Hues

Color harmonies

Complementary

Split

Monochromatic

Analogous

Triadic

Square

Custom palettes

Desert Bloom

Sandy Beach

Mango Popsicle

Accessibility

Contrast checker

Large Text

Figma

Normal Text

How you design, align, and build matters. Do it together with Figma.

This is #F2B949 text on a #FFFFFF background.

1.78:1

WCAG 2.2 Simple Contrast

Normal Text

Fail
AA
4.5:1
Fail
AAA
7:1

Large Text

Fail
AA
3:1
Fail
AAA
4.5:1
Large Text

Figma

Normal Text

How you design, align, and build matters. Do it together with Figma.

This is #F2B949 text on a #000000 background.

11.81:1

WCAG 2.2 Simple Contrast

Normal Text

Pass
AA
4.5:1
Pass
AAA
7:1

Large Text

Pass
AA
3:1
Pass
AAA
4.5:1

Color simulations

Protanopia

Deuteranopia

Tritanopia

Achromatopsia

Color conversion

The hexadecimal color #F2B949, known as mimosa, has RGB values of R:242 G:285, B:73 and CMYK values of C:0, M:0.24, Y:0.7, K:0.05.

VALUECSS
HEXF2B949#F2B949
RGB DECIMAL242, 185, 73RGB(242, 185, 73)
RGB PERCENTAGE94.9, 72.5, 28.6RGB(94.9%, 72.5%, 28.6%)
CMYK0, 24, 70, 5
HSL39.8°, 86.7, 61.8HSL(39.8°, 86.7%, 61.8%)
HSV (OR HSB)39.8°, 69.8, 94.9
WEB SAFEFFCC33#FFCC33
CIE-LAB78.496, 9.775, 62.385
XYZ55.17, 54.059, 13.832
xyY0.448, 0.439, 54.059
CIE-LCH78.496, 63.147, 81.095
CIE-LUV78.496, 46.249, 69.142
HUNTER-LAB73.525, 5.271, 40.314
BINARY11110010, 10111001, 01001001
iOS - SwiftUIColor(red: 0.949, green: 0.725, blue: 0.286)
iOS - UIKitUIColor(red: 0.949, green: 0.725, blue: 0.286, alpha: 1)
Android - ComposeColor(0xFFF2B949)