Phaser Beam
#ff4d00
Hot beam orange with cleaner, sharper energy
About Phaser Beam
Phaser Beam looks like an orange beam that got sharpened by a camera: the glow is tight and fast, but it doesn't spill into the heavier ember feeling of Magma. Compared with Dragon's Fire, it's more lifted and less "burn-with-body," and it avoids the friendlier, clownish warmth of Orange Clown Fish. It reads as a cleaner, higher-energy orange that stays confidently orange instead of turning coppery.
I reach for Phaser Beam on checkout UI and food ordering flows when the CTA needs urgency without sounding like a warning. It's great for mobile commerce banners, streaming purchase tiles, and limited-time promo badges where you want the button to feel the one you reach for. The difference versus the neighbors is the balance: higher lightness, tighter saturation, and a slightly cooler orange undertone that keeps it from leaning red or brown.
Pair it with deep charcoal or cool gray so it stays crisp. On very warm creams it can still look a bit neon, so consider softening the surroundings rather than forcing the orange to do all the work.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.