#BDA49D + #FBBF8B + #C1B6A0 + #ADB6B1 + #9CB9C9 · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BDA49D

Peach Pink · DarkGray · Coral Red

HEX

#BDA49D

RGB

rgb(189, 164, 157)

HSL

hsl(13, 20%, 68%)

HSB

hsb(13, 17%, 74%)

CMYK

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

Oklch

oklch(73.9% 0.031 36.1)

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

#FBBF8B

Apricot · BurlyWood · Peach Orange

HEX

#FBBF8B

RGB

rgb(251, 191, 139)

HSL

hsl(28, 93%, 76%)

HSB

hsb(28, 45%, 98%)

CMYK

cmyk(0%, 24%, 45%, 2%)

Oklch

oklch(84.7% 0.096 61.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C1B6A0

Ginger · Tan · Sunflower

HEX

#C1B6A0

RGB

rgb(193, 182, 160)

HSL

hsl(40, 21%, 69%)

HSB

hsb(40, 17%, 76%)

CMYK

cmyk(0%, 6%, 17%, 24%)

Oklch

oklch(77.9% 0.033 84.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#ADB6B1

Ash · DarkGray · Silver Sand

HEX

#ADB6B1

RGB

rgb(173, 182, 177)

HSL

hsl(147, 6%, 70%)

HSB

hsb(147, 5%, 71%)

CMYK

cmyk(5%, 0%, 3%, 29%)

Oklch

oklch(76.8% 0.012 162.0)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#9CB9C9

Sky Blue · LightSteelBlue · Cobalt Blue

HEX

#9CB9C9

RGB

rgb(156, 185, 201)

HSL

hsl(201, 29%, 70%)

HSB

hsb(201, 22%, 79%)

CMYK

cmyk(22%, 8%, 0%, 21%)

Oklch

oklch(76.9% 0.039 232.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BDA49D

9DB7BE

Analogous

BE9DA6

BDA49D

BEB49D

Triadic

BDA49D

9DBEA4

A49DBE

Split-Comp.

BDA49D

9DBEB4

9DA6BE

Tetradic

BDA49D

A6BE9D

9DB7BE

B49DBE

Contrast Matrix WCAG 2.1 Contrast

BDA49D	FBBF8B	C1B6A0	ADB6B1	9CB9C9
—	1.4 Fail	1.2 Fail	1.1 Fail	1.1 Fail
1.4 Fail	—	1.2 Fail	1.3 Fail	1.3 Fail
1.2 Fail	1.2 Fail	—	1.0 Fail	1.0 Fail
1.1 Fail	1.3 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.3 Fail	1.0 Fail	1.0 Fail	—

White BG

2.3Fail

1.6Fail

2.0Fail

2.1Fail

Black BG

9.0AAA

12.9AAA

10.5AAA

10.1AAA

10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B29F

E1E098

BCBCA5

B1B1B2

A9A9C5

Deuteranopia

B4B59F

E5E99B

BDBEA7

B0B0B3

A7A5C4

Tritanopia

BCA0A0

F8A2A4

C0AAAA

ADB3B3

9DC2C1

Achromatopsia

ABABAB

CBCBCB

B7B7B7

B3B3B3

B2B2B2

Shades & Tints Shades & Tints

#BDA49D

Dark

Light

#FBBF8B

Dark

Light

#C1B6A0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bda49d;
  --color-2: #fbbf8b;
  --color-3: #c1b6a0;
  --color-4: #adb6b1;
  --color-5: #9cb9c9;
}

SCSS

$color-1: #bda49d;
$color-2: #fbbf8b;
$color-3: #c1b6a0;
$color-4: #adb6b1;
$color-5: #9cb9c9;

TAILWIND

colors: {
  'brand-1': '#bda49d',
  'brand-2': '#fbbf8b',
  'brand-3': '#c1b6a0',
  'brand-4': '#adb6b1',
  'brand-5': '#9cb9c9',
}

RGB Array

[189, 164, 157], [251, 191, 139], [193, 182, 160], [173, 182, 177], [156, 185, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #BDA49D, #FBBF8B, #C1B6A0, #ADB6B1, #9CB9C9 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: #bda49d; --color-2: #fbbf8b; --color-3: #c1b6a0; --color-4: #adb6b1; --color-5: #9cb9c9. 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