Coquelicot
Meet Coquelicot (#FF3800), a brilliant red-orange that instantly draws the eye. Its striking intensity stems from its high saturation, offering designers a potent tool for creating focal points and adding a burst of visual energy to any interface.
What color is Coquelicot?
Coquelicot is a vibrant, fiery red-orange, often likened to the color of a wild poppy. It’s a distinctly warm and saturated hue, with the specific shade #FF3800 sitting confidently between red and orange.
The color has a strong yellowish-orange undertone, giving it a bright, almost glowing quality that separates it from cooler, blue-based reds like crimson or burgundy.
What is the meaning of the color Coquelicot (#FF3800)?
Coquelicot takes its name from the French word for the wild corn poppy, a flower symbolizing both remembrance and the vibrant pulse of life.
Psychologically, this fiery red-orange hue communicates passion, energy, and confidence, making it a powerful choice for designs that need to feel bold and alive.
How can I use Coquelicot in UI design?
In UI and web design, Coquelicot (#FF3800) is most effective as a vibrant accent. To make it pop, set it against a backdrop of deep charcoals, off-whites, or muted blues. Consider the 60-30-10 rule, dedicating Coquelicot to that crucial 10% for vital elements like CTAs, icons, or notification dots to direct user focus.
Brands like Reddit, Depop, Whop, and Ulta Beauty use similar energetic reds to build a memorable presence. This choice helps them stand out and communicates a sense of boldness and activity within their user interface.
Use the tools below to put theory into practice. Explore curated palettes, check your color combinations for accessibility, and see how Coquelicot looks in real UI components from leading apps.
How do I use Coquelicot color codes like #FF3800?
Using the color Coquelicot in your work begins with its hex code, #FF3800. Given its intensity, this particular shade of red-orange works brilliantly as an accent color to guide the eye or highlight key actions without overpowering a design.
While #FF3800 is standard for web and digital projects, you may need to translate it into other color models. For digital screens, RGB values specify the required intensity of red, green, and blue light. For physical print jobs, CMYK values determine the necessary ink mixture of cyan, magenta, yellow, and black to reproduce the color accurately on paper.
We've converted #FF3800 into a full range of popular formats for you. Find the code you need below and copy it directly into your design tool.
Analogous
Analogous colors are found next to Coquelicot on the color wheel. This harmonious grouping creates a visually pleasing and serene palette for any design.
Complementary
To find Coquelicot's complementary color, look directly opposite it on the color wheel. This pairing produces a bold, high-contrast visual effect.
Split Complementary
For a less intense but still high-contrast look, a split complementary palette pairs Coquelicot with the two colors neighboring its direct opposite.
Triadic
For a vibrant and balanced look, a triadic scheme pairs Coquelicot with two other colors, all equally spaced around the color wheel.
Tetradic
A tetradic scheme selects four colors that form a rectangle on the color wheel, creating two complementary pairs, starting here with Coquelicot.
Square
A square color scheme uses four colors evenly spaced on the color wheel. With Coquelicot as the base, this method creates a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Coquelicot are created by adding black, resulting in darker tones that add depth and weight.
Tints
Tints of Coquelicot are created by adding white, resulting in softer, lighter variations.
Tones
Tones are created by mixing Coquelicot with gray, resulting in a softer, less saturated appearance.
Hues
Hues are variations of Coquelicot, altering its intensity and temperature for different visual effects.
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.
