Atomic Tangerine
#ff9966
High-saturation tangerine orange-yellow for bold highlights
About Atomic Tangerine
Atomic Tangerine's got real weight to it, it's the color that sits heavier than Bittersweet's lean brightness but doesn't drift into the softer territory Charming Peach claims. This is saturated orange with serious presence, the kind that reads almost creamy on screen instead of sharp or dusty. It's got backbone without being aggressive about it.
Reach for this one in product interfaces, e-commerce hero sections, and notification systems where you need warmth that actually commands attention. Fintech apps, food delivery, fitness tracking, places where you want the eye to land and stay, not flinch away. It works harder than Carona's friendliness and carries more confidence than Charming Peach's approachability. Pair it with darker type or deep grays and it reads clean and grounded, not shouty.
The catch is saturation. This color's got enough chroma that it'll shift noticeably on warmer displays, leaning more aggressively orange. On cooler screens it stays more balanced. Live-test it before shipping, it's the kind of color that rewards the extra check.
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.