Cascade Twilight

#234893

Mid-light periwinkle purple for airy panels

Save
Share

About Cascade Twilight

Cascade Twilight sits where the other purples in this family stop being cautious. It's lighter than , , and , noticeably so, but it doesn't soften into brightness the way lighter purples can. There's still weight here, a saturation that refuses to fade into the background, even as the lightness pulls it forward. It's got warmth that 's steel-tinted restraint never touches, but none of 's institutional steadiness either. This one feels like it's made a choice.

You reach for it in design systems, creative SaaS, and brand interfaces where purple needs to work harder than a secondary color but doesn't need to dominate. Dashboard accents, component states, card borders, interactive elements that should feel present without demanding all the attention. It lands on light backgrounds with immediate legibility. On dark ones it holds its own without that glow-and-flatten problem that deeper purples run into. It's the version of purple that designers pull when they want something that reads as purposeful and a little bit refined, not clinical.

Pair it with cool whites and it sings. Against warm grays it can lean slightly muddy, so test your background first. This isn't the purple for whispers or for commandments, it's for things that actually need to be seen and used.

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
8.68:1AAA

On Gray 100 #f5f5f5

Aa
7.96:1AAA

On Gray 900 #18181b

Aa
2.04:1Fail

On Black #000000

Aa
2.42:1Fail

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 Cascade Twilight

Open the generator with this color pre-loaded.

Start creating