#C2DFC9 + #CFCCCF + #DBB8D4 + #CABE79 + #B9C31E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C2DFC9

Celadon · LightGray · Mint Green

HEX

#C2DFC9

RGB

rgb(194, 223, 201)

HSL

hsl(134, 31%, 82%)

HSB

hsb(134, 13%, 87%)

CMYK

cmyk(13%, 0%, 10%, 13%)

Oklch

oklch(87.6% 0.043 152.7)

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

#CFCCCF

Silver Gray · LightGray · Pearl Gray

HEX

#CFCCCF

RGB

rgb(207, 204, 207)

HSL

hsl(300, 3%, 81%)

HSB

hsb(300, 1%, 81%)

CMYK

cmyk(0%, 1%, 0%, 19%)

Oklch

oklch(84.8% 0.005 325.6)

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

#DBB8D4

Mauve · LightGray · Lilac Purple

HEX

#DBB8D4

RGB

rgb(219, 184, 212)

HSL

hsl(312, 33%, 79%)

HSB

hsb(312, 16%, 86%)

CMYK

cmyk(0%, 16%, 3%, 14%)

Oklch

oklch(82.1% 0.055 333.0)

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

#CABE79

Fresh Green · Tan · Sunflower

HEX

#CABE79

RGB

rgb(202, 190, 121)

HSL

hsl(51, 43%, 63%)

HSB

hsb(51, 40%, 79%)

CMYK

cmyk(0%, 6%, 40%, 21%)

Oklch

oklch(79.6% 0.090 99.6)

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

#B9C31E

Autumn Sage · GoldenRod · Honey Gold

HEX

#B9C31E

RGB

rgb(185, 195, 30)

HSL

hsl(64, 73%, 44%)

HSB

hsb(64, 85%, 76%)

CMYK

cmyk(5%, 0%, 85%, 24%)

Oklch

oklch(78.3% 0.169 113.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2DFC9

DFC3D9

Analogous

CADFC3

C2DFC9

C3DFD8

Triadic

C2DFC9

CAC3DF

DFCAC3

Split-Comp.

C2DFC9

D8C3DF

DFC3CA

Tetradic

C2DFC9

C3CADF

DFC3D9

DFD8C3

Contrast Matrix WCAG 2.1 Contrast

C2DFC9	CFCCCF	DBB8D4	CABE79	B9C31E
—	1.1 Fail	1.2 Fail	1.3 Fail	1.3 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.2 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.0 Fail
1.3 Fail	1.2 Fail	1.1 Fail	1.0 Fail	—

White BG

1.4Fail

1.6Fail

1.8Fail

1.9Fail

Black BG

14.7AAA

13.2AAA

11.8AAA

11.2AAA

10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFCE

CECECE

CCCCCD

C5C58A

BDBD46

Deuteranopia

CDCBD0

CECECE

CED0CC

C6C68E

BDBC50

Tritanopia

C3D3D3

CFCECE

D9C8C7

C9979A

BA656C

Achromatopsia

D4D4D4

CDCDCD

C6C6C6

BABABA

ADADAD

Shades & Tints Shades & Tints

#C2DFC9

Dark

Light

#CFCCCF

Dark

Light

#DBB8D4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2dfc9;
  --color-2: #cfcccf;
  --color-3: #dbb8d4;
  --color-4: #cabe79;
  --color-5: #b9c31e;
}

SCSS

$color-1: #c2dfc9;
$color-2: #cfcccf;
$color-3: #dbb8d4;
$color-4: #cabe79;
$color-5: #b9c31e;

TAILWIND

colors: {
  'brand-1': '#c2dfc9',
  'brand-2': '#cfcccf',
  'brand-3': '#dbb8d4',
  'brand-4': '#cabe79',
  'brand-5': '#b9c31e',
}

RGB Array

[194, 223, 201], [207, 204, 207], [219, 184, 212], [202, 190, 121], [185, 195, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C2DFC9, #CFCCCF, #DBB8D4, #CABE79, #B9C31E 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: #c2dfc9; --color-2: #cfcccf; --color-3: #dbb8d4; --color-4: #cabe79; --color-5: #b9c31e. 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