← Back to Editor

#CA5B74 · #A28196 · #ACB0BE · #C6C8CF · #EDE6E6

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

#CA5B74

Crimson · LightCoral · Passion Red

HEX
#CA5B74
RGB
rgb(202, 91, 116)
HSL
hsl(346, 51%, 57%)
HSB
hsb(346, 55%, 79%)
CMYK
cmyk(0%, 55%, 43%, 21%)
Oklch
oklch(61.5% 0.143 8.2)

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

#A28196

Rose Purple · Gray · Rose Pink

HEX
#A28196
RGB
rgb(162, 129, 150)
HSL
hsl(322, 15%, 57%)
HSB
hsb(322, 20%, 64%)
CMYK
cmyk(0%, 20%, 7%, 36%)
Oklch
oklch(64.1% 0.050 340.2)

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

#ACB0BE

Azure · DarkGray · Cobalt Blue

HEX
#ACB0BE
RGB
rgb(172, 176, 190)
HSL
hsl(227, 12%, 71%)
HSB
hsb(227, 9%, 75%)
CMYK
cmyk(9%, 7%, 0%, 25%)
Oklch
oklch(75.8% 0.020 273.2)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#C6C8CF

Azure · LightGray · Pearl Gray

HEX
#C6C8CF
RGB
rgb(198, 200, 207)
HSL
hsl(227, 9%, 79%)
HSB
hsb(227, 4%, 81%)
CMYK
cmyk(4%, 3%, 0%, 19%)
Oklch
oklch(83.3% 0.010 273.3)

Traditional「Azure」· Paint「Pearl Gray」· Creative Silver Lining

#EDE6E6

Peach Pink · Linen · Cherry Blossom

HEX
#EDE6E6
RGB
rgb(237, 230, 230)
HSL
hsl(0, 16%, 92%)
HSB
hsb(0, 3%, 93%)
CMYK
cmyk(0%, 3%, 3%, 7%)
Oklch
oklch(93.0% 0.008 17.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CA5B74
59C9AF

Analogous

C959AB
CA5B74
C97759

Triadic

CA5B74
74C959
5974C9

Split-Comp.

CA5B74
59C977
59ABC9

Tetradic

CA5B74
ABC959
59C9AF
7759C9

Contrast Matrix WCAG 2.1 Contrast

CA5B74
A28196
ACB0BE
C6C8CF
EDE6E6
—
1.2
Fail
1.8
Fail
2.4
Fail
3.2
AA Large
1.2
Fail
—
1.6
Fail
2.1
Fail
2.8
Fail
1.8
Fail
1.6
Fail
—
1.3
Fail
1.8
Fail
2.4
Fail
2.1
Fail
1.3
Fail
—
1.4
Fail
3.2
AA Large
2.8
Fail
1.8
Fail
1.4
Fail
—
White BG
4.0AA Large
3.4AA Large
2.2Fail
1.7Fail
1.2Fail
Black BG
5.3AA
6.1AA
9.7AAA
12.6AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A996E
949391
AEAEBB
C7C7CD
EAEAE6

Deuteranopia

A0A96C
969890
AEADBA
C7C7CD
EAEBE6

Tritanopia

C46968
A08D8C
ACB8B7
C6CCCC
EDE6E6

Achromatopsia

7F7F7F
8D8D8D
B0B0B0
C8C8C8
E8E8E8

Shades & Tints Shades & Tints

#CA5B74

Dark
Light

#A28196

Dark
Light

#ACB0BE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ca5b74;
  --color-2: #a28196;
  --color-3: #acb0be;
  --color-4: #c6c8cf;
  --color-5: #ede6e6;
}

SCSS

$color-1: #ca5b74;
$color-2: #a28196;
$color-3: #acb0be;
$color-4: #c6c8cf;
$color-5: #ede6e6;

TAILWIND

colors: {
  'brand-1': '#ca5b74',
  'brand-2': '#a28196',
  'brand-3': '#acb0be',
  'brand-4': '#c6c8cf',
  'brand-5': '#ede6e6',
}

RGB Array

[202, 91, 116], [162, 129, 150], [172, 176, 190], [198, 200, 207], [237, 230, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CA5B74, #A28196, #ACB0BE, #C6C8CF, #EDE6E6 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: #ca5b74; --color-2: #a28196; --color-3: #acb0be; --color-4: #c6c8cf; --color-5: #ede6e6. 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