Lipstick

#c95b83

Warm lipstick red for readable, main UI

Save
Share

About Lipstick

Lipstick always reads like a freshly applied red in a studio light, not a dusty swatch and not something that's been softened at the edges. Compared to 's cooler, ink-on-glass vibe, this one feels more openly red, with a warmer lean and a slightly higher clarity. It also avoids 's mauve backbone, so it doesn't land as halfway-serious. And unlike , it stays less rose-magenta and more true red, so the hue feels tighter and more grounded.

I use Lipstick for dashboards and checkout flows where you need a single call-to-action that pops without going pinky or wine-dark. It's great for forms in health and logistics apps when you want the primary action to look firm and readable next to neutral UI chrome. Consider it the one you reach for when your other reds are either too cool or too magenta and you want the cleanest red-first signal.

Pair it with cool grays or warm off-whites, but sanity-check against peachy surfaces since it can look even warmer there.

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

On Gray 100 #f5f5f5

Aa
3.63:1FailAA Large

On Gray 900 #18181b

Aa
4.48:1FailAA Large

On Black #000000

Aa
5.31: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 Lipstick

Open the generator with this color pre-loaded.

Start creating