Orange Clown Fish
#ff550e
Tangerine clown-orange for playful charts, less smoky
About Orange Clown Fish
I keep seeing Orange Clown Fish pop up in packaging mockups where you want playful warmth, but not that "traffic cone" anger. This shade sits lighter than Carrot Lava and more orange-forward than Dragon's Fire, with a smoother, friendlier undertone and a thinner sense of heat. It reads like a bright highlight you can trust, not a burn you have to manage.
Use it in dashboards and finance apps when you need a secondary status accent that feels upbeat, like a "working" label or a gentle callout, not a furnace-grade warning. It also works well in gaming interfaces for collectibles, cosmetic rarity markers, and upbeat UI moments. Compared with Molten Core, it won't sink into heavy ember territory. Compared with both neighbors, it keeps its cheer at smaller sizes, so badges and chips don't feel too aggressive.
On very pale UI, give it a little contrast support with cooler grays so it stays clean and doesn't look washed or dusty.
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.
Similar colors
Create a gradient with Orange Clown Fish
Open the generator with this color pre-loaded.
Start creating