#B46EAC + #C5A1A3 + #D2C8A5 + #E5DCBB + #ACD1AF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B46EAC

Rose Purple · MediumOrchid · Violet

HEX

#B46EAC

RGB

rgb(180, 110, 172)

HSL

hsl(307, 32%, 57%)

HSB

hsb(307, 39%, 71%)

CMYK

cmyk(0%, 39%, 4%, 29%)

Oklch

oklch(63.5% 0.120 331.1)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#C5A1A3

Peach Pink · DarkGray · Coral Red

HEX

#C5A1A3

RGB

rgb(197, 161, 163)

HSL

hsl(357, 24%, 70%)

HSB

hsb(357, 18%, 77%)

CMYK

cmyk(0%, 18%, 17%, 23%)

Oklch

oklch(74.2% 0.043 14.4)

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

#D2C8A5

Goose Yellow · Tan · Sunflower

HEX

#D2C8A5

RGB

rgb(210, 200, 165)

HSL

hsl(47, 33%, 74%)

HSB

hsb(47, 21%, 82%)

CMYK

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

Oklch

oklch(83.2% 0.048 94.0)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#E5DCBB

Goose Yellow · Wheat · Lemon Cream

HEX

#E5DCBB

RGB

rgb(229, 220, 187)

HSL

hsl(47, 45%, 82%)

HSB

hsb(47, 18%, 90%)

CMYK

cmyk(0%, 4%, 18%, 10%)

Oklch

oklch(89.3% 0.045 94.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#ACD1AF

Celadon · Silver · Apple Green

HEX

#ACD1AF

RGB

rgb(172, 209, 175)

HSL

hsl(125, 29%, 75%)

HSB

hsb(125, 18%, 82%)

CMYK

cmyk(18%, 0%, 16%, 18%)

Oklch

oklch(82.5% 0.061 147.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B46EAC

6EB476

Analogous

9A6EB4

B46EAC

B46E89

Triadic

B46EAC

ACB46E

6EACB4

Split-Comp.

B46EAC

89B46E

6EB49A

Tetradic

B46EAC

B49A6E

6EB476

6E89B4

Contrast Matrix WCAG 2.1 Contrast

B46EAC	C5A1A3	D2C8A5	E5DCBB	ACD1AF
—	1.6 Fail	2.2 Fail	2.7 Fail	2.2 Fail
1.6 Fail	—	1.4 Fail	1.7 Fail	1.4 Fail
2.2 Fail	1.4 Fail	—	1.2 Fail	1.0 Fail
2.7 Fail	1.7 Fail	1.2 Fail	—	1.2 Fail
2.2 Fail	1.4 Fail	1.0 Fail	1.2 Fail	—

White BG

3.6AA Large

2.3Fail

1.7Fail

1.4Fail

1.7Fail

Black BG

5.8AA

9.0AAA

12.5AAA

15.3AAA

12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

96959D

B5B5A3

CECEAD

E1E1C3

BCBCB7

Deuteranopia

9A9F99

B8BAA2

CECFB0

E2E2C5

BAB7B9

Tritanopia

B1918F

C3A2A2

D2B4B6

E5C9CB

AEBEBF

Achromatopsia

8A8A8A

ACACAC

C7C7C7

DBDBDB

C2C2C2

Shades & Tints Shades & Tints

#B46EAC

Dark

Light

#C5A1A3

Dark

Light

#D2C8A5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b46eac;
  --color-2: #c5a1a3;
  --color-3: #d2c8a5;
  --color-4: #e5dcbb;
  --color-5: #acd1af;
}

SCSS

$color-1: #b46eac;
$color-2: #c5a1a3;
$color-3: #d2c8a5;
$color-4: #e5dcbb;
$color-5: #acd1af;

TAILWIND

colors: {
  'brand-1': '#b46eac',
  'brand-2': '#c5a1a3',
  'brand-3': '#d2c8a5',
  'brand-4': '#e5dcbb',
  'brand-5': '#acd1af',
}

RGB Array

[180, 110, 172], [197, 161, 163], [210, 200, 165], [229, 220, 187], [172, 209, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B46EAC, #C5A1A3, #D2C8A5, #E5DCBB, #ACD1AF 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: #b46eac; --color-2: #c5a1a3; --color-3: #d2c8a5; --color-4: #e5dcbb; --color-5: #acd1af. 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 general-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