Maize

Meet Maize (#FFD95E), a warm and luminous yellow that captures the gentle glow of late-afternoon sun. Its inviting saturation gives it a distinct character, sitting comfortably between a bright primary and a deeper gold, making it a noteworthy addition to any designer's palette.

Maize
#FFD95E
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Maize?

Maize is a warm, vibrant yellow with a distinctly sunny disposition.

It carries noticeable golden undertones, giving it a rich, organic quality that stops short of becoming a full-bodied orange.

What is the meaning of the color Maize (#FFD95E)?

The color Maize, #FFD95E, channels the warmth of sunshine and the bounty of a harvest. It evokes feelings of joy, optimism, and comfort, rooted in its connection to nature and sustenance.

Psychologically, it suggests creativity and approachability, offering a friendly energy that feels both vibrant and grounded. Its symbolism is tied to growth, abundance, and the promise of new ideas.

How can I effectively incorporate Maize into my UI design?

In UI design, Maize (#FFD95E) is an effective accent for drawing attention to buttons and alerts. Pair it with deep charcoals or navy blues for a high-contrast, professional look that makes interactive elements pop.

Brands like Binance, Deel, and GoodRx use a similar vibrant yellow to project a confident identity, making it a solid choice for companies wanting to stand out.

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

How can I use the Maize color codes?

Using Maize in your work begins with its hex code, #FFD95E. This is the standard digital identifier for the color, giving you a consistent starting point for any screen-based application.

You'll often need to translate this hex code for different media. For digital screens, the RGB model defines the color using red, green, and blue light values. If you're designing for print, you'll use CMYK, which dictates the mix of cyan, magenta, yellow, and black inks. Other formats like HSL (Hue, Saturation, Lightness) can also be useful for making direct color adjustments.

To make things easier, we have converted #FFD95E into a range of common formats below. You can copy the exact values you need for your design tools.

Maize Code Conversions

HEX
#FFD95E
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

Maize Color Harmonies

Analogous

By pairing Maize with its neighbors on the color wheel, you get an analogous scheme. This combination produces a calm and unified visual effect.

#123456
#123456
#123456

Complementary

Complementary colors are found on opposite ends of the color wheel. Paired with Maize, they create a vivid and high-contrast combination.

#123456
#123456

Split Complementary

A split complementary scheme pairs Maize with the two colors adjacent to its direct opposite, offering strong contrast with greater creative flexibility.

#123456
#123456
#123456

Triadic

A triadic color scheme uses three hues evenly spaced on the color wheel. With Maize as the base, this creates a vibrant, high-contrast palette.

#123456
#123456
#123456

Tetradic

A tetradic scheme for Maize (#FFD95E) involves two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced palette.

#123456
#123456
#123456
#123456

Square

The square color scheme pairs Maize with three other colors, all equidistant on the color wheel, creating a vibrant and balanced high-contrast look.

#123456
#123456
#123456
#123456

Maize Color Variations

Shades

Shades of Maize are created by adding black, which gives the color more depth and weight.

#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 are lighter versions of Maize, created by adding white to produce a softer effect.

#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 muted versions of Maize, created by adding gray to soften its saturation.

#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 Maize (#FFD95E), altering the base color's intensity and temperature for different effects.

#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 Maize?

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