Sparkling Cosmo

#f9736e

Lighter orange-coral blush for airy highlights

Save
Share

About Sparkling Cosmo

Sparkling Cosmo reads like a bright orange-leaning blush that's been lightly "sparkled" with warmth. It's not as pale as , and it doesn't drift as far toward salmon-red as . of Chilli always feels a little cooler and more reserved, but Sparkling Cosmo comes out warmer and clearer, with a more energetic orange undertone.

I use it when I need attention without the UI feeling overheated. It's great for dashboards and finance apps: secondary action highlights, progress and status chips, and that quick "nudge" accent on alerts that shouldn't scream. Compared to the nearby oranges, it stays confidently orange even on lighter backgrounds, not muted like of Chilli, and not soft-pastel like can become beside higher-chroma tones.

Quirk: because it's a bit punchier than the calmer peach tones, pair it with cleaner off-whites and avoid muddy grays, or the edge can start to look slightly fuzzy.

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
2.73:1Fail

On Gray 100 #f5f5f5

Aa
2.50:1Fail

On Gray 900 #18181b

Aa
6.50:1AAAAA Large

On Black #000000

Aa
7.71:1AAA

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

Create a gradient with Sparkling Cosmo

Open the generator with this color pre-loaded.

Start creating