#95CACE + #D8A9D5 + #CBC2BD + #FF8292 + #F76299 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#95CACE

Sky Blue · LightSteelBlue · Lake Green

HEX

#95CACE

RGB

rgb(149, 202, 206)

HSL

hsl(184, 37%, 70%)

HSB

hsb(184, 28%, 81%)

CMYK

cmyk(28%, 2%, 0%, 19%)

Oklch

oklch(80.4% 0.055 202.0)

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

#D8A9D5

Mauve · Silver · Lilac Purple

HEX

#D8A9D5

RGB

rgb(216, 169, 213)

HSL

hsl(304, 38%, 75%)

HSB

hsb(304, 22%, 85%)

CMYK

cmyk(0%, 22%, 1%, 15%)

Oklch

oklch(79.1% 0.080 328.4)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#CBC2BD

Apricot · Silver · Peach Orange

HEX

#CBC2BD

RGB

rgb(203, 194, 189)

HSL

hsl(21, 12%, 77%)

HSB

hsb(21, 7%, 80%)

CMYK

cmyk(0%, 4%, 7%, 20%)

Oklch

oklch(82.0% 0.012 51.3)

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

#FF8292

Peach Pink · LightCoral · Coral Red

HEX

#FF8292

RGB

rgb(255, 130, 146)

HSL

hsl(352, 100%, 75%)

HSB

hsb(352, 49%, 100%)

CMYK

cmyk(0%, 49%, 43%, 0%)

Oklch

oklch(75.1% 0.152 13.4)

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

#F76299

Rouge · LightCoral · Rose Pink

HEX

#F76299

RGB

rgb(247, 98, 153)

HSL

hsl(338, 90%, 68%)

HSB

hsb(338, 60%, 97%)

CMYK

cmyk(0%, 60%, 38%, 3%)

Oklch

oklch(70.0% 0.189 0.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95CACE

CF9A96

Analogous

96CFB6

95CACE

96AFCF

Triadic

95CACE

CF96CB

CBCF96

Split-Comp.

95CACE

CF96AF

CFB696

Tetradic

95CACE

B696CF

CF9A96

AFCF96

Contrast Matrix WCAG 2.1 Contrast

95CACE	D8A9D5	CBC2BD	FF8292	F76299
—	1.1 Fail	1.0 Fail	1.3 Fail	1.6 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.5 Fail
1.0 Fail	1.1 Fail	—	1.4 Fail	1.7 Fail
1.3 Fail	1.2 Fail	1.4 Fail	—	1.2 Fail
1.6 Fail	1.5 Fail	1.7 Fail	1.2 Fail	—

White BG

1.8Fail

2.0Fail

1.8Fail

2.4Fail

2.9Fail

Black BG

11.6AAA

10.6AAA

12.0AAA

8.9AAA

7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACACCD

C4C3CA

C7C7BE

C9C88E

B6B58C

Deuteranopia

A9A5CD

C6CAC8

C8C8BE

D0DA8D

BFCA89

Tritanopia

98CCCC

D6C2C0

CBBFBF

F98B8A

F0817F

Achromatopsia

BBBBBB

BCBCBC

C4C4C4

A9A9A9

959595

Shades & Tints Shades & Tints

#95CACE

Dark

Light

#D8A9D5

Dark

Light

#CBC2BD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95cace;
  --color-2: #d8a9d5;
  --color-3: #cbc2bd;
  --color-4: #ff8292;
  --color-5: #f76299;
}

SCSS

$color-1: #95cace;
$color-2: #d8a9d5;
$color-3: #cbc2bd;
$color-4: #ff8292;
$color-5: #f76299;

TAILWIND

colors: {
  'brand-1': '#95cace',
  'brand-2': '#d8a9d5',
  'brand-3': '#cbc2bd',
  'brand-4': '#ff8292',
  'brand-5': '#f76299',
}

RGB Array

[149, 202, 206], [216, 169, 213], [203, 194, 189], [255, 130, 146], [247, 98, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #95CACE, #D8A9D5, #CBC2BD, #FF8292, #F76299 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: #95cace; --color-2: #d8a9d5; --color-3: #cbc2bd; --color-4: #ff8292; --color-5: #f76299. 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