#9BBFB3 + #C8ADA5 + #E39E99 + #F7958F + #FFA082 · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#9BBFB3

Jade · DarkGray · Lake Green

HEX

#9BBFB3

RGB

rgb(155, 191, 179)

HSL

hsl(160, 22%, 68%)

HSB

hsb(160, 19%, 75%)

CMYK

cmyk(19%, 0%, 6%, 25%)

Oklch

oklch(77.5% 0.042 172.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#C8ADA5

Peach Pink · Tan · Coral Red

HEX

#C8ADA5

RGB

rgb(200, 173, 165)

HSL

hsl(14, 24%, 72%)

HSB

hsb(14, 17%, 78%)

CMYK

cmyk(0%, 13%, 17%, 22%)

Oklch

oklch(76.9% 0.034 37.1)

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

#E39E99

Peach Pink · Tan · Coral Red

HEX

#E39E99

RGB

rgb(227, 158, 153)

HSL

hsl(4, 57%, 75%)

HSB

hsb(4, 33%, 89%)

CMYK

cmyk(0%, 30%, 33%, 11%)

Oklch

oklch(76.5% 0.083 23.8)

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

#F7958F

Peach Pink · LightSalmon · Coral Red

HEX

#F7958F

RGB

rgb(247, 149, 143)

HSL

hsl(3, 87%, 76%)

HSB

hsb(3, 42%, 97%)

CMYK

cmyk(0%, 40%, 42%, 3%)

Oklch

oklch(77.0% 0.119 24.0)

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

#FFA082

Peach Pink · LightSalmon · Coral Red

HEX

#FFA082

RGB

rgb(255, 160, 130)

HSL

hsl(14, 100%, 75%)

HSB

hsb(14, 49%, 100%)

CMYK

cmyk(0%, 37%, 49%, 0%)

Oklch

oklch(79.5% 0.121 38.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9BBFB3

BF9BA7

Analogous

9BBFA1

9BBFB3

9BB9BF

Triadic

9BBFB3

B39BBF

BFB39B

Split-Comp.

9BBFB3

BF9BB9

BFA19B

Tetradic

9BBFB3

A19BBF

BF9BA7

B9BF9B

Contrast Matrix WCAG 2.1 Contrast

9BBFB3	C8ADA5	E39E99	F7958F	FFA082
—	1.1 Fail	1.1 Fail	1.1 Fail	1.0 Fail
1.1 Fail	—	1.0 Fail	1.0 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.1 Fail	1.0 Fail	1.0 Fail	—	1.1 Fail
1.0 Fail	1.1 Fail	1.1 Fail	1.1 Fail	—

White BG

2.0Fail

2.1Fail

2.2Fail

2.0Fail

Black BG

10.5AAA

10.0AAA

9.6AAA

9.7AAA

10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABABB6

BCBCA7

C5C59A

CDCC90

D6D589

Deuteranopia

A9A6B7

BEC0A7

C9CE9B

D2DA91

DBE38B

Tritanopia

9DB8B9

C7A8A9

E09B9B

F29292

FA8F90

Achromatopsia

B3B3B3

B4B4B4

B2B2B2

B9B9B9

Shades & Tints Shades & Tints

#9BBFB3

Dark

Light

#C8ADA5

Dark

Light

#E39E99

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9bbfb3;
  --color-2: #c8ada5;
  --color-3: #e39e99;
  --color-4: #f7958f;
  --color-5: #ffa082;
}

SCSS

$color-1: #9bbfb3;
$color-2: #c8ada5;
$color-3: #e39e99;
$color-4: #f7958f;
$color-5: #ffa082;

TAILWIND

colors: {
  'brand-1': '#9bbfb3',
  'brand-2': '#c8ada5',
  'brand-3': '#e39e99',
  'brand-4': '#f7958f',
  'brand-5': '#ffa082',
}

RGB Array

[155, 191, 179], [200, 173, 165], [227, 158, 153], [247, 149, 143], [255, 160, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #9BBFB3, #C8ADA5, #E39E99, #F7958F, #FFA082 is ideal for: health products, baby brands, fresh-style blogs. 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: #9bbfb3; --color-2: #c8ada5; --color-3: #e39e99; --color-4: #f7958f; --color-5: #ffa082. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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