Coquelicot

#ff3800

Softer red-orange for alert icons, less fire

Save
Share

About Coquelicot

Coquelicot punches harder than but doesn't carry 's hostility. It's pure red-orange, sitting so saturated and so bright that it reads almost neon, the kind of color that holds its own on any background without needing darkness to justify itself. Where feels direct and feels confident, this one just demands the room.

You'll land this in sports interfaces, live-streaming overlays, and high-energy product launches where the goal is to feel unstoppable rather than careful. Real-time alerts that aren't errors, badge notifications that need weight, hero imagery where you want the viewer to feel the intensity before they read the copy. It's got more presence than , more personality than a warning, and it actually works as a primary action without the hesitation that comes with .

The thing: it's aggressive on white and neutral backgrounds, so pair it with dark or deeply saturated surfaces. On black it becomes hypnotic. Cream or warm gray will make it feel like it's vibrating off the screen, which tracks if that's the feeling you're after, just know what you're choosing.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
3.61:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.31:1FailAA Large

On Gray 900 #18181b

Aa
4.91:1AAAAA Large

On Black #000000

Aa
5.82:1AAAAA Large

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#fd3c06
#ff4411
#ff4422
#ff2600
#ff2400

Create a gradient with Coquelicot

Open the generator with this color pre-loaded.

Start creating