#9E5D7B + #CD7A84 + #F1ADA4 + #899EAF + #665F95 · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#9E5D7B

Dark Violet · Gray · Camellia

HEX

#9E5D7B

RGB

rgb(158, 93, 123)

HSL

hsl(332, 26%, 49%)

HSB

hsb(332, 41%, 62%)

CMYK

cmyk(0%, 41%, 22%, 38%)

Oklch

oklch(56.1% 0.093 351.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#CD7A84

Peach Pink · LightCoral · Coral Red

HEX

#CD7A84

RGB

rgb(205, 122, 132)

HSL

hsl(353, 45%, 64%)

HSB

hsb(353, 40%, 80%)

CMYK

cmyk(0%, 40%, 36%, 20%)

Oklch

oklch(67.1% 0.104 12.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F1ADA4

Peach Pink · LightPink · Coral Red

HEX

#F1ADA4

RGB

rgb(241, 173, 164)

HSL

hsl(7, 73%, 79%)

HSB

hsb(7, 32%, 95%)

CMYK

cmyk(0%, 28%, 32%, 5%)

Oklch

oklch(80.9% 0.082 27.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#899EAF

Sky Blue · DarkGray · Cobalt Blue

HEX

#899EAF

RGB

rgb(137, 158, 175)

HSL

hsl(207, 19%, 61%)

HSB

hsb(207, 22%, 69%)

CMYK

cmyk(22%, 10%, 0%, 31%)

Oklch

oklch(68.9% 0.035 242.6)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#665F95

Deep Indigo · SlateGray · Navy Blue

HEX

#665F95

RGB

rgb(102, 95, 149)

HSL

hsl(248, 22%, 48%)

HSB

hsb(248, 36%, 58%)

CMYK

cmyk(32%, 36%, 0%, 42%)

Oklch

oklch(51.5% 0.084 289.0)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9E5D7B

5C9D7F

Analogous

9D5C9B

9E5D7B

9D5F5C

Triadic

9E5D7B

7B9D5C

5C7B9D

Split-Comp.

9E5D7B

5C9D5F

5C9B9D

Tetradic

9E5D7B

9B9D5C

5C9D7F

5F5C9D

Contrast Matrix WCAG 2.1 Contrast

9E5D7B	CD7A84	F1ADA4	899EAF	665F95
—	1.6 Fail	2.6 Fail	1.8 Fail	1.2 Fail
1.6 Fail	—	1.7 Fail	1.1 Fail	1.8 Fail
2.6 Fail	1.7 Fail	—	1.5 Fail	3.1 AA Large
1.8 Fail	1.1 Fail	1.5 Fail	—	2.1 Fail
1.2 Fail	1.8 Fail	3.1 AA Large	2.1 Fail	—

White BG

4.9AA

3.1AA Large

1.9Fail

2.8Fail

5.8AA

Black BG

4.3AA Large

6.7AA

11.3AAA

7.6AAA

3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

828174

A9A882

D4D3A6

9292AB

636388

Deuteranopia

868B72

AEB481

D8DDA7

918FAA

636485

Tritanopia

9B6E6D

C9807F

EEA8A8

8AA8A7

667E7B

Achromatopsia

747474

949494

C0C0C0

9A9A9A

676767

Shades & Tints Shades & Tints

#9E5D7B

Dark

Light

#CD7A84

Dark

Light

#F1ADA4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9e5d7b;
  --color-2: #cd7a84;
  --color-3: #f1ada4;
  --color-4: #899eaf;
  --color-5: #665f95;
}

SCSS

$color-1: #9e5d7b;
$color-2: #cd7a84;
$color-3: #f1ada4;
$color-4: #899eaf;
$color-5: #665f95;

TAILWIND

colors: {
  'brand-1': '#9e5d7b',
  'brand-2': '#cd7a84',
  'brand-3': '#f1ada4',
  'brand-4': '#899eaf',
  'brand-5': '#665f95',
}

RGB Array

[158, 93, 123], [205, 122, 132], [241, 173, 164], [137, 158, 175], [102, 95, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #9E5D7B, #CD7A84, #F1ADA4, #899EAF, #665F95 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #9e5d7b; --color-2: #cd7a84; --color-3: #f1ada4; --color-4: #899eaf; --color-5: #665f95. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This sunset-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color