Cascara

#ee4433

Softer ember-orange for charts needing calm heat

Save
Share

About Cascara

Cascara's got the lightness of but without that ember quality, it's brighter, which means it reads faster and lands harder on screen. Where whispers, this one speaks. It's higher in value than , so it doesn't carry that weight-and-heat feeling; instead it's got snap, the kind of color that actually pops on white without needing a dark background to prove itself.

Reach for this in notification badges, active tabs, and accent states where you need quick recognition without the intimidation factor of the darker saturated oranges. It works in fintech for secondary CTAs, in marketplace apps flagging new listings, in design tools for active selection states. feels like it's pushing you forward; Cascara feels like it's already there waiting for you. Slightly cooler in temperature than its darker neighbors, which keeps it from feeling aggressive even when it's sitting on warm surfaces.

It holds up on light backgrounds better than you'd expect, the lift in value keeps it from flattening. On charcoal or deep navy it snaps into focus immediately. The catch is pairing it with pure black can feel a bit harsh; warm grays or midtones let it breathe.

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.81:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.50:1FailAA Large

On Gray 900 #18181b

Aa
4.65:1AAAAA Large

On Black #000000

Aa
5.51: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

Create a gradient with Cascara

Open the generator with this color pre-loaded.

Start creating