Jonquil

Jonquil is a bright, cheerful yellow, taking its name and hue from the flower. It sits firmly on the warm side of the color spectrum, radiating a sunny and optimistic quality.

Visually, it’s a rich, golden-hued yellow with subtle green undertones that give it a fresh, natural character. This complexity prevents it from appearing flat, offering a luminous quality that feels both vibrant and gentle on the eyes.

Named after the flower, the color Jonquil (#FADA5E) represents happiness, new beginnings, and creativity. It carries the optimism of yellow, evoking feelings of warmth and joy.

Psychologically, this vibrant hue is associated with intellectual clarity and vitality. Its bright character can inspire fresh ideas and bring a sense of positive energy to a design.

In UI design, Jonquil (#FADA5E) is most effective as an accent. Pair it with deep charcoals or navy blues for strong contrast on key interactive elements like buttons and toggles. Following the 60-30-10 rule, Jonquil can serve as the energetic 10% that draws attention where it's needed most.

Several brands, including Turo, HoneyBook, Kitchen Stories, Cleo, Epidemic Sound, and Deel, use a similar vibrant yellow. They often apply it to inject a sense of energy and optimism into their products or to create a friendly, approachable visual identity.

See how Jonquil performs in different scenarios with the tools below. You can explore curated palettes, check color contrast for accessibility, and preview #FADA5E on real UI components from leading applications.

Using Jonquil in your work starts with its hex code, #FADA5E, which is standard for web development. To apply this color consistently across different media, you'll often need to convert this value into other color models.

Each color code serves a specific purpose. RGB (Red, Green, Blue) values define colors for digital screens through additive light, while CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard for printed materials. Models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to manipulate color properties in design software.

We've converted #FADA5E into a range of popular formats for you. Find the corresponding RGB, CMYK, HSL, and other values below, ready to copy for your projects.