Banana Mania

Banana Mania is a soft, pastel yellow with a distinct warmth. It steers clear of sharp, acidic tones, instead presenting a creamy, sun-bleached hue.

Its low saturation gives it a gentle, almost buttery appearance, grounded by subtle sandy undertones that add a touch of earthy complexity.

Psychologically, Banana Mania is tied to gentle cheerfulness and optimism. The color inspires feelings of warmth and lighthearted fun, making it an inviting and friendly hue.

The name itself, a nostalgic nod to its Crayola origins, imbues #FAE7B5 with a sense of youthful creativity and suggests a playful burst of inspiration.

In UI design, Banana Mania works beautifully as an accent color to guide the user’s eye to buttons and interactive elements. When using #FAE7B5 as a background, pair it with dark, legible text like a deep charcoal or navy to maintain strong contrast. For a more complex palette, consider the 60-30-10 rule, using this soft yellow as a secondary color against a neutral primary and a bold accent.

While few brands use this exact shade as a primary color, some, like Grubhub, use a similar yellow to create an energetic and friendly identity. The relative rarity of Banana Mania in branding means it can give a product a unique and memorable visual signature in a competitive space.

Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Banana Mania in real UI components from leading brands.

Using Banana Mania in your projects starts with its digital identifier, the hex code #FAE7B5. This code is the standard for specifying colors in web design and most digital applications, ensuring consistency across different platforms.

Depending on your medium, you might need to convert #FAE7B5. For digital displays, you'll work with its RGB values, which define the mix of red, green, and blue light. For print materials, you'll need the CMYK equivalent, which dictates the ink mixture. Other models like HSL (Hue, Saturation, Lightness) offer more intuitive ways to create variations of the color.

To make things simple, we've converted Banana Mania's #FAE7B5 into a variety of popular color models. You can find and copy the exact codes you need for your project below.