#B2A1C1 + #C5A6AC + #D6A6A2 + #E3AA99 + #F5B997 · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B2A1C1

Lilac · DarkGray · Lilac Purple

HEX

#B2A1C1

RGB

rgb(178, 161, 193)

HSL

hsl(272, 21%, 69%)

HSB

hsb(272, 17%, 76%)

CMYK

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

Oklch

oklch(73.4% 0.049 309.0)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#C5A6AC

Peach Pink · DarkGray · Coral Red

HEX

#C5A6AC

RGB

rgb(197, 166, 172)

HSL

hsl(348, 21%, 71%)

HSB

hsb(348, 16%, 77%)

CMYK

cmyk(0%, 16%, 13%, 23%)

Oklch

oklch(75.4% 0.037 4.9)

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

#D6A6A2

Peach Pink · Tan · Coral Red

HEX

#D6A6A2

RGB

rgb(214, 166, 162)

HSL

hsl(5, 39%, 74%)

HSB

hsb(5, 24%, 84%)

CMYK

cmyk(0%, 22%, 24%, 16%)

Oklch

oklch(76.8% 0.057 24.0)

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

#E3AA99

Peach Pink · BurlyWood · Coral Red

HEX

#E3AA99

RGB

rgb(227, 170, 153)

HSL

hsl(14, 57%, 75%)

HSB

hsb(14, 33%, 89%)

CMYK

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

Oklch

oklch(78.7% 0.072 37.3)

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

#F5B997

Apricot · BurlyWood · Peach Orange

HEX

#F5B997

RGB

rgb(245, 185, 151)

HSL

hsl(22, 82%, 78%)

HSB

hsb(22, 38%, 96%)

CMYK

cmyk(0%, 24%, 38%, 4%)

Oklch

oklch(83.2% 0.083 50.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B2A1C1

AFC19F

Analogous

A09FC1

B2A1C1

C19FBF

Triadic

B2A1C1

C1B19F

9FC1B1

Split-Comp.

B2A1C1

BFC19F

9FC1A0

Tetradic

B2A1C1

C1A09F

AFC19F

9FBFC1

Contrast Matrix WCAG 2.1 Contrast

B2A1C1	C5A6AC	D6A6A2	E3AA99	F5B997
—	1.1 Fail	1.1 Fail	1.2 Fail	1.4 Fail
1.1 Fail	—	1.0 Fail	1.1 Fail	1.3 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.2 Fail
1.2 Fail	1.1 Fail	1.1 Fail	—	1.2 Fail
1.4 Fail	1.3 Fail	1.2 Fail	1.2 Fail	—

White BG

2.4Fail

2.2Fail

2.1Fail

2.0Fail

1.7Fail

Black BG

8.8AAA

9.4AAA

9.8AAA

10.5AAA

12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAAB9

B8B7AB

C1C1A3

CACA9D

DBDA9F

Deuteranopia

ACADB7

B9BCAA

C4C8A3

CED29E

DFE3A1

Tritanopia

B1B3B2

C3A9A9

D4A4A4

E0A0A1

F2A6A7

Achromatopsia

AAAAAA

B0B0B0

B4B4B4

B9B9B9

C7C7C7

Shades & Tints Shades & Tints

#B2A1C1

Dark

Light

#C5A6AC

Dark

Light

#D6A6A2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b2a1c1;
  --color-2: #c5a6ac;
  --color-3: #d6a6a2;
  --color-4: #e3aa99;
  --color-5: #f5b997;
}

SCSS

$color-1: #b2a1c1;
$color-2: #c5a6ac;
$color-3: #d6a6a2;
$color-4: #e3aa99;
$color-5: #f5b997;

TAILWIND

colors: {
  'brand-1': '#b2a1c1',
  'brand-2': '#c5a6ac',
  'brand-3': '#d6a6a2',
  'brand-4': '#e3aa99',
  'brand-5': '#f5b997',
}

RGB Array

[178, 161, 193], [197, 166, 172], [214, 166, 162], [227, 170, 153], [245, 185, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #B2A1C1, #C5A6AC, #D6A6A2, #E3AA99, #F5B997 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: #b2a1c1; --color-2: #c5a6ac; --color-3: #d6a6a2; --color-4: #e3aa99; --color-5: #f5b997. 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