#975C65 + #C59CFF + #ACC2C3 + #B1D7C8 + #BEE6DD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#975C65

Crimson · DimGray · Passion Red

HEX

#975C65

RGB

rgb(151, 92, 101)

HSL

hsl(351, 24%, 48%)

HSB

hsb(351, 39%, 59%)

CMYK

cmyk(0%, 39%, 33%, 41%)

Oklch

oklch(54.3% 0.078 10.1)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#C59CFF

Wisteria · Violet · Lavender

HEX

#C59CFF

RGB

rgb(197, 156, 255)

HSL

hsl(265, 100%, 81%)

HSB

hsb(265, 39%, 100%)

CMYK

cmyk(23%, 39%, 0%, 0%)

Oklch

oklch(76.8% 0.144 302.2)

Traditional「Wisteria」· Paint「Lavender」· Creative Lavender Dream

#ACC2C3

Sky Blue · Silver · Lake Green

HEX

#ACC2C3

RGB

rgb(172, 194, 195)

HSL

hsl(183, 16%, 72%)

HSB

hsb(183, 12%, 76%)

CMYK

cmyk(12%, 1%, 0%, 24%)

Oklch

oklch(79.8% 0.024 200.0)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#B1D7C8

Jade · Silver · Apple Green

HEX

#B1D7C8

RGB

rgb(177, 215, 200)

HSL

hsl(156, 32%, 77%)

HSB

hsb(156, 18%, 84%)

CMYK

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

Oklch

oklch(84.8% 0.045 169.3)

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

#BEE6DD

Jade · LightBlue · Glacier Blue

HEX

#BEE6DD

RGB

rgb(190, 230, 221)

HSL

hsl(167, 44%, 82%)

HSB

hsb(167, 17%, 90%)

CMYK

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

Oklch

oklch(89.4% 0.043 180.1)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

975C65

5D988F

Analogous

985D83

975C65

98725D

Triadic

975C65

66985D

5D6698

Split-Comp.

975C65

5D9872

5D8398

Tetradic

975C65

83985D

5D988F

725D98

Contrast Matrix WCAG 2.1 Contrast

975C65	C59CFF	ACC2C3	B1D7C8	BEE6DD
—	2.4 Fail	2.8 Fail	3.3 AA Large	3.9 AA Large
2.4 Fail	—	1.2 Fail	1.4 Fail	1.6 Fail
2.8 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
3.3 AA Large	1.4 Fail	1.2 Fail	—	1.2 Fail
3.9 AA Large	1.6 Fail	1.4 Fail	1.2 Fail	—

White BG

5.2AA

2.2Fail

1.9Fail

1.6Fail

1.4Fail

Black BG

4.0AA Large

9.6AAA

11.3AAA

13.4AAA

15.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7D7D63

B3B3E7

B6B6C3

C1C2CC

CFD0DF

Deuteranopia

818562

B6B9E1

B4B3C3

BFBCCD

CDCAE0

Tritanopia

946161

C3D4D0

ADC3C3

B3CECF

C0E1E1

Achromatopsia

6F6F6F

B4B4B4

BCBCBC

CACACA

D9D9D9

Shades & Tints Shades & Tints

#975C65

Dark

Light

#C59CFF

Dark

Light

#ACC2C3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #975c65;
  --color-2: #c59cff;
  --color-3: #acc2c3;
  --color-4: #b1d7c8;
  --color-5: #bee6dd;
}

SCSS

$color-1: #975c65;
$color-2: #c59cff;
$color-3: #acc2c3;
$color-4: #b1d7c8;
$color-5: #bee6dd;

TAILWIND

colors: {
  'brand-1': '#975c65',
  'brand-2': '#c59cff',
  'brand-3': '#acc2c3',
  'brand-4': '#b1d7c8',
  'brand-5': '#bee6dd',
}

RGB Array

[151, 92, 101], [197, 156, 255], [172, 194, 195], [177, 215, 200], [190, 230, 221]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #975C65, #C59CFF, #ACC2C3, #B1D7C8, #BEE6DD 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: #975c65; --color-2: #c59cff; --color-3: #acc2c3; --color-4: #b1d7c8; --color-5: #bee6dd. 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