← Back to Editor

#B2DFCD · #C5C3A0 · #BC9C9B · #A77EA0 · #947A92

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B2DFCD

Jade · LightBlue · Apple Green

HEX
#B2DFCD
RGB
rgb(178, 223, 205)
HSL
hsl(156, 41%, 79%)
HSB
hsb(156, 20%, 87%)
CMYK
cmyk(20%, 0%, 8%, 13%)
Oklch
oklch(86.7% 0.053 168.7)

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

#C5C3A0

Fresh Green · Tan · Sunflower

HEX
#C5C3A0
RGB
rgb(197, 195, 160)
HSL
hsl(57, 24%, 70%)
HSB
hsb(57, 19%, 77%)
CMYK
cmyk(0%, 1%, 19%, 23%)
Oklch
oklch(81.0% 0.047 104.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#BC9C9B

Peach Pink · DarkGray · Coral Red

HEX
#BC9C9B
RGB
rgb(188, 156, 155)
HSL
hsl(2, 20%, 67%)
HSB
hsb(2, 18%, 74%)
CMYK
cmyk(0%, 17%, 18%, 26%)
Oklch
oklch(72.1% 0.038 20.2)

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

#A77EA0

Rose Purple · DarkGray · Violet

HEX
#A77EA0
RGB
rgb(167, 126, 160)
HSL
hsl(310, 19%, 57%)
HSB
hsb(310, 25%, 65%)
CMYK
cmyk(0%, 25%, 4%, 35%)
Oklch
oklch(64.4% 0.069 332.4)

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

#947A92

Rose Purple · Gray · Violet

HEX
#947A92
RGB
rgb(148, 122, 146)
HSL
hsl(305, 11%, 53%)
HSB
hsb(305, 18%, 58%)
CMYK
cmyk(0%, 18%, 1%, 42%)
Oklch
oklch(61.2% 0.047 328.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B2DFCD
DFB3C5

Analogous

B3DFB8
B2DFCD
B3DBDF

Triadic

B2DFCD
CEB3DF
DFCEB3

Split-Comp.

B2DFCD
DFB3DB
DFB8B3

Tetradic

B2DFCD
B8B3DF
DFB3C5
DBDFB3

Contrast Matrix WCAG 2.1 Contrast

B2DFCD
C5C3A0
BC9C9B
A77EA0
947A92
—
1.2
Fail
1.7
Fail
2.3
Fail
2.6
Fail
1.2
Fail
—
1.4
Fail
1.9
Fail
2.1
Fail
1.7
Fail
1.4
Fail
—
1.4
Fail
1.5
Fail
2.3
Fail
1.9
Fail
1.4
Fail
—
1.1
Fail
2.6
Fail
2.1
Fail
1.5
Fail
1.1
Fail
—
White BG
1.5Fail
1.8Fail
2.5Fail
3.4AA Large
3.8AA Large
Black BG
14.3AAA
11.7AAA
8.4AAA
6.1AA
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C6D1
C4C4A8
AEAE9B
959598
89898C

Deuteranopia

C3C0D2
C4C4AB
B0B29B
989B96
8A8C8B

Tritanopia

B4D5D6
C5AFB1
BA9B9B
A59190
938887

Achromatopsia

CFCFCF
C0C0C0
A5A5A5
8E8E8E
858585

Shades & Tints Shades & Tints

#B2DFCD

Dark
Light

#C5C3A0

Dark
Light

#BC9C9B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b2dfcd;
  --color-2: #c5c3a0;
  --color-3: #bc9c9b;
  --color-4: #a77ea0;
  --color-5: #947a92;
}

SCSS

$color-1: #b2dfcd;
$color-2: #c5c3a0;
$color-3: #bc9c9b;
$color-4: #a77ea0;
$color-5: #947a92;

TAILWIND

colors: {
  'brand-1': '#b2dfcd',
  'brand-2': '#c5c3a0',
  'brand-3': '#bc9c9b',
  'brand-4': '#a77ea0',
  'brand-5': '#947a92',
}

RGB Array

[178, 223, 205], [197, 195, 160], [188, 156, 155], [167, 126, 160], [148, 122, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B2DFCD, #C5C3A0, #BC9C9B, #A77EA0, #947A92 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b2dfcd; --color-2: #c5c3a0; --color-3: #bc9c9b; --color-4: #a77ea0; --color-5: #947a92. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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