#C0D9BC + #CFCFB0 + #DAC8A2 + #E7C298 + #F5BA8E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C0D9BC

Celadon · Silver · Apple Green

HEX

#C0D9BC

RGB

rgb(192, 217, 188)

HSL

hsl(112, 28%, 79%)

HSB

hsb(112, 13%, 85%)

CMYK

cmyk(12%, 0%, 13%, 15%)

Oklch

oklch(85.9% 0.048 141.3)

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

#CFCFB0

Fresh Green · Silver · Sunflower

HEX

#CFCFB0

RGB

rgb(207, 207, 176)

HSL

hsl(60, 24%, 75%)

HSB

hsb(60, 15%, 81%)

CMYK

cmyk(0%, 0%, 15%, 19%)

Oklch

oklch(84.6% 0.042 107.3)

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

#DAC8A2

Goose Yellow · Tan · Sunflower

HEX

#DAC8A2

RGB

rgb(218, 200, 162)

HSL

hsl(41, 43%, 75%)

HSB

hsb(41, 26%, 85%)

CMYK

cmyk(0%, 8%, 26%, 15%)

Oklch

oklch(83.8% 0.054 85.6)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#E7C298

Goose Yellow · BurlyWood · Warm Sun

HEX

#E7C298

RGB

rgb(231, 194, 152)

HSL

hsl(32, 62%, 75%)

HSB

hsb(32, 34%, 91%)

CMYK

cmyk(0%, 16%, 34%, 9%)

Oklch

oklch(83.6% 0.070 70.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F5BA8E

Apricot · BurlyWood · Peach Orange

HEX

#F5BA8E

RGB

rgb(245, 186, 142)

HSL

hsl(26, 84%, 76%)

HSB

hsb(26, 42%, 96%)

CMYK

cmyk(0%, 24%, 42%, 4%)

Oklch

oklch(83.3% 0.090 57.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0D9BC

D4BAD8

Analogous

CDD8BA

C0D9BC

BAD8C5

Triadic

C0D9BC

BABED8

D8BABE

Split-Comp.

C0D9BC

C5BAD8

D8BACD

Tetradic

C0D9BC

BACDD8

D4BAD8

D8C5BA

Contrast Matrix WCAG 2.1 Contrast

C0D9BC	CFCFB0	DAC8A2	E7C298	F5BA8E
—	1.1 Fail	1.1 Fail	1.1 Fail	1.1 Fail
1.1 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.1 Fail	1.1 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.1 Fail	1.0 Fail	1.0 Fail	—

White BG

1.5Fail

1.6Fail

1.7Fail

Black BG

13.9AAA

13.2AAA

12.8AAA

12.6AAA

12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCBC3

CFCFB8

D2D2AB

D7D7A2

DBDB99

Deuteranopia

C9C7C5

CFCFB9

D3D5AD

D9DCA5

DFE39B

Tritanopia

C1C9CA

CFBDBF

D9B2B4

E5AAAC

F2A1A3

Achromatopsia

CECECE

CBCBCB

C9C9C9

C8C8C8

C7C7C7

Shades & Tints Shades & Tints

#C0D9BC

Dark

Light

#CFCFB0

Dark

Light

#DAC8A2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0d9bc;
  --color-2: #cfcfb0;
  --color-3: #dac8a2;
  --color-4: #e7c298;
  --color-5: #f5ba8e;
}

SCSS

$color-1: #c0d9bc;
$color-2: #cfcfb0;
$color-3: #dac8a2;
$color-4: #e7c298;
$color-5: #f5ba8e;

TAILWIND

colors: {
  'brand-1': '#c0d9bc',
  'brand-2': '#cfcfb0',
  'brand-3': '#dac8a2',
  'brand-4': '#e7c298',
  'brand-5': '#f5ba8e',
}

RGB Array

[192, 217, 188], [207, 207, 176], [218, 200, 162], [231, 194, 152], [245, 186, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0D9BC, #CFCFB0, #DAC8A2, #E7C298, #F5BA8E 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: #c0d9bc; --color-2: #cfcfb0; --color-3: #dac8a2; --color-4: #e7c298; --color-5: #f5ba8e. 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