#B6ADB2 + #C2A5A1 + #CBAC9A + #F2BF92 + #EEB894 · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B6ADB2

Ash · DarkGray · Silver Sand

HEX

#B6ADB2

RGB

rgb(182, 173, 178)

HSL

hsl(327, 6%, 70%)

HSB

hsb(327, 5%, 71%)

CMYK

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

Oklch

oklch(75.7% 0.012 342.7)

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

#C2A5A1

Peach Pink · DarkGray · Coral Red

HEX

#C2A5A1

RGB

rgb(194, 165, 161)

HSL

hsl(7, 21%, 70%)

HSB

hsb(7, 17%, 76%)

CMYK

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

Oklch

oklch(74.6% 0.035 27.2)

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

#CBAC9A

Apricot · Tan · Warm Sun

HEX

#CBAC9A

RGB

rgb(203, 172, 154)

HSL

hsl(22, 32%, 70%)

HSB

hsb(22, 24%, 80%)

CMYK

cmyk(0%, 15%, 24%, 20%)

Oklch

oklch(76.7% 0.044 51.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F2BF92

Apricot · BurlyWood · Peach Orange

HEX

#F2BF92

RGB

rgb(242, 191, 146)

HSL

hsl(28, 79%, 76%)

HSB

hsb(28, 40%, 95%)

CMYK

cmyk(0%, 21%, 40%, 5%)

Oklch

oklch(84.0% 0.083 62.7)

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

#EEB894

Apricot · BurlyWood · Peach Orange

HEX

#EEB894

RGB

rgb(238, 184, 148)

HSL

hsl(24, 73%, 76%)

HSB

hsb(24, 38%, 93%)

CMYK

cmyk(0%, 23%, 38%, 7%)

Oklch

oklch(82.3% 0.079 55.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6ADB2

AEB7B2

Analogous

B7AEB7

B6ADB2

B7AEAE

Triadic

B6ADB2

B3B7AE

AEB3B7

Split-Comp.

B6ADB2

AEB7AE

AEB7B7

Tetradic

B6ADB2

B7B7AE

AEB7B2

AEAEB7

Contrast Matrix WCAG 2.1 Contrast

B6ADB2	C2A5A1	CBAC9A	F2BF92	EEB894
—	1.0 Fail	1.0 Fail	1.3 Fail	1.2 Fail
1.0 Fail	—	1.1 Fail	1.4 Fail	1.3 Fail
1.0 Fail	1.1 Fail	—	1.3 Fail	1.2 Fail
1.3 Fail	1.4 Fail	1.3 Fail	—	1.1 Fail
1.2 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

2.2Fail

2.3Fail

2.1Fail

1.7Fail

1.8Fail

Black BG

9.6AAA

9.2AAA

9.9AAA

12.6AAA

11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B2B1

B5B5A2

BEBD9E

DCDB9D

D7D69D

Deuteranopia

B3B3B1

B7B9A2

BFC29F

DFE3A0

DADE9F

Tritanopia

B6B0B0

C1A3A3

C9A2A3

EFA5A7

EBA4A5

Achromatopsia

B0B0B0

ADADAD

B3B3B3

C9C9C9

C4C4C4

Shades & Tints Shades & Tints

#B6ADB2

Dark

Light

#C2A5A1

Dark

Light

#CBAC9A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6adb2;
  --color-2: #c2a5a1;
  --color-3: #cbac9a;
  --color-4: #f2bf92;
  --color-5: #eeb894;
}

SCSS

$color-1: #b6adb2;
$color-2: #c2a5a1;
$color-3: #cbac9a;
$color-4: #f2bf92;
$color-5: #eeb894;

TAILWIND

colors: {
  'brand-1': '#b6adb2',
  'brand-2': '#c2a5a1',
  'brand-3': '#cbac9a',
  'brand-4': '#f2bf92',
  'brand-5': '#eeb894',
}

RGB Array

[182, 173, 178], [194, 165, 161], [203, 172, 154], [242, 191, 146], [238, 184, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #B6ADB2, #C2A5A1, #CBAC9A, #F2BF92, #EEB894 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: #b6adb2; --color-2: #c2a5a1; --color-3: #cbac9a; --color-4: #f2bf92; --color-5: #eeb894. 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