What Color is Maize
Maize is a vivid, energetic shade of yellow named after the cereal grain commonly known as corn. Sitting between the blinding intensity of neon and the heavy warmth of gold, it projects a distinctly cheerful disposition. This color embodies the essence of agricultural nourishment, radiating a soft but highly visible light.
Additional Information
- Color Family: Yellow
- Temperature: Warm
- Associated Season: Spring
- Complementary Color: #5B6BFB
- Brightness: 224/255
- Saturation: 63%
Colors That Pair Well With Maize
Complementary
Pair with Blue Ribbon for a harmonious, balanced look. Great for backgrounds and accents.
High Contrast
Use Ultramarine for maximum readability. Ideal for text or critical UI elements.
Harmonious Depth
Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.
Color Variations
Tints (add white)
Tones (add grey)
Maize History
The term entered English usage in the late 16th century, adopted from the Taino word 'mahiz' via Spanish explorers. Before the standardization of color names, artists relied on pigments like toxic orpiment or fugitive organic dyes to achieve similar yellows. The specific color name gained traction in the 19th century as global trade expanded and agricultural standardization required precise terminology for crop grading.
In the United States, the shade became culturally codified in 1867 when the University of Michigan adopted Maize and Blue as their official colors. Unlike the harsh Chrome Yellows favored by industrial designers of the era, this shade represents a softer, agrarian aesthetic found in folk art and traditional textiles. It reflects a shift from Old World mineral pigments to colors inspired by New World resources.
Meaning & Psychology
Maize is intrinsically linked to optimism and mental clarity, often used to stimulate the intellect without triggering the anxiety associated with redder oranges. Unlike darker ambers that suggest caution, this shade encourages communication and social interaction. It is perceived as a friendly, inviting hue that mimics the psychological warmth of direct sunlight.
Culturally, the color symbolizes abundance and prosperity, owing to its deep connection with staple crops and harvest festivals. In branding psychology, it is seen as an attention-grabber that feels approachable rather than aggressive or warning-oriented. It evokes feelings of nostalgia for long summer days and the security of a plentiful harvest.
In Nature
This specific shade is most famously visible in the dried kernels of corn varieties cultivated across the Americas. It also appears vibrantly in the petals of wild evening primroses and the plumage of the American goldfinch during breeding season. In the mineral world, certain powdery deposits of sulfur near volcanic vents exhibit this distinct, matte yellow hue.
How To Use Maize
As a background, Maize provides a high-energy canvas that works exceptionally well for youth brands and food packaging. It pairs effectively with deep navies or charcoals to create a trustworthy, classic contrast that anchors the brightness. Designers often use it for 'call to action' buttons because it draws the eye immediately without causing visual fatigue.
However, accessibility is a critical concern; white text on Maize is illegible due to insufficient contrast. To ensure strict legibility, you must use dark text (black, deep navy, or forest green). It serves best as a dominant accent color in UI design rather than a primary text color, maintaining high usability standards.
Related Words
Curated Palettes
Collegiate Classic
A traditional, high-contrast academic palette evoking trust and energy.
Agrarian Harvest
Warm, analogous tones reflecting the transition from summer to autumn.
Botanical Finch
A fresh, nature-inspired palette based on meadow flora and fauna.
Color Conversions
Color Blindness Simulation
CSS Snippets
color: #FBEC5D;
color: rgb(251, 236, 93);
background-color: #FBEC5D;
border: 3px solid #FBEC5D;
box-shadow: 0 4px 12px #FBEC5D66;
background: linear-gradient(135deg, #FBEC5D 0%, #ffffff 100%);

Shop Premium Products in Maize
This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.
Ships in 3-5 daysSecure Checkout
Product Details
Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.
- Material: Soft Eco Velvet.
- Feel: Velvety soft finish.
- Print: Double-sided, all-over vibrant color using water-based inks.
- Care: Machine washable at 30°C.
- Construction: Handmade to order with a concealed zipper.
Eco Credentials
We believe in sustainable style. Our cushions are crafted with the planet in mind.
- Made to Order: Produced only when you order, eliminating overproduction and waste.
- Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
- Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
- Vegan Friendly: No animal products are used in the production of these cushions.
What Goes With Maize?
Explore color palettes containing Maize and discover harmonious combinations for your designs.
Complementary
Split-complementary
Monochromatic
Accessibility
Contrast with Black and White
Contrast with Black
UI Examples
"Color is a power which directly influences the soul."
Contrast Ratio
Contrast with White
UI Examples
"Color is a power which directly influences the soul."
Contrast Ratio
Closest Color Matches
Prismacolor
Lemon Yellow
#PC915 • #FEF769
Polychromos
cadmium yellow lemon
#205 • #EBEA64
Caran d'ache Luminance 6901
Bismuth Yellow
#810 • #FCD738
Prismacolor
Yellow Ochre
#PC942 • #DAAD41
Similar Colors
View all Yellow colors →Colors with similar hex values and appearance to Maize
Frequently Asked Questions
What is the hex code for Maize?
What colors go with Maize?
Is Maize accessible for text?
How do I use Maize in CSS?
You can use Maize in CSS with its hex code. Here is an example class:
.maize {
background-color: #FBEC5D;
color: #FFFFFF;
}For more snippets including gradients, see the CSS snippets section.