Framboise

#e40058

Deeper framboise for crisp, confident red hierarchy

Save
Share

About Framboise

Framboise looks like a ripe berry smear on a screen, but it never turns into the hot, direct red of . It also avoids that bright, sticky-note pink punch of . What you notice first is the way it holds onto a deep red core while staying juicy and saturated, with a cooler rosy undertone that reads a touch more composed than those alarm-forward neighbors.

I use Framboise when the UI needs urgency without feeling too aggressive, like dashboards and finance apps showing "review required," payout holds, or risk flags. It also works in e-commerce admin panels for returns status, fraud triage, and subscription billing issues where you want the message to feel high-priority but not like a siren. Pair it with near-black text and clean grays to keep it from drifting more pink than you intended, especially on bright white cards.

If your surface is slightly warm, test first; Framboise can lean more rosy and soften at small sizes, unlike which stays steelier.

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
4.73:1AAAAA Large

On Gray 100 #f5f5f5

Aa
4.34:1FailAA Large

On Gray 900 #18181b

Aa
3.75:1FailAA Large

On Black #000000

Aa
4.44:1FailAA 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 Framboise

Open the generator with this color pre-loaded.

Start creating