Langoustine

#dc5226

Richer orange-red for warmer, grounded heat

Save
Share

About Langoustine

Langoustine reads like a ripe orange-red pulled from shell and then tempered, not fiery, not cherry. Compared to , it's less chilled and less tomato-tinted; this one feels more orange in charge. Compared to , it's deeper and less "clean punch," with a slightly smoother, denser glow instead of sharp bite. And versus , it carries more weight and a subtle brownish lean, so it doesn't feel as crisp or lift-off-bright.

In UI, I use Langoustine for states that need momentum without turning into alarm energy. It's my go-to when you're building dashboards and finance apps where alerts, status pills, and primary actions should feel decisive but not hot. Also solid for ecommerce product tiles, shipping and returns labels, and promo counters on checkout screens where you want the one you reach for shade that stays readable on light surfaces.

One note: on very pale warm backgrounds, it can edge toward "spiced" rather than clean orange, so I often anchor it with cooler grays or a touch more neutral orange-gray to keep the tone controlled.

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

On Gray 100 #f5f5f5

Aa
3.65:1FailAA Large

On Gray 900 #18181b

Aa
4.45:1FailAA Large

On Black #000000

Aa
5.28: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 Langoustine

Open the generator with this color pre-loaded.

Start creating