#C1B99A + #C3CACF + #CAD6B8 + #FECAAC + #E6DAC3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C1B99A

Ginger · Tan · Sunflower

HEX

#C1B99A

RGB

rgb(193, 185, 154)

HSL

hsl(48, 24%, 68%)

HSB

hsb(48, 20%, 76%)

CMYK

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

Oklch

oklch(78.4% 0.043 95.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#C3CACF

Sky Blue · Silver · Cobalt Blue

HEX

#C3CACF

RGB

rgb(195, 202, 207)

HSL

hsl(205, 11%, 79%)

HSB

hsb(205, 6%, 81%)

CMYK

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

Oklch

oklch(83.5% 0.010 238.5)

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

#CAD6B8

Willow Green · Silver · Apple Green

HEX

#CAD6B8

RGB

rgb(202, 214, 184)

HSL

hsl(84, 27%, 78%)

HSB

hsb(84, 14%, 84%)

CMYK

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

Oklch

oklch(85.9% 0.043 125.1)

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

#FECAAC

Apricot · Wheat · Peach Orange

HEX

#FECAAC

RGB

rgb(254, 202, 172)

HSL

hsl(22, 98%, 84%)

HSB

hsb(22, 32%, 100%)

CMYK

cmyk(0%, 20%, 32%, 0%)

Oklch

oklch(87.7% 0.072 51.4)

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

#E6DAC3

Goose Yellow · Wheat · Peach Orange

HEX

#E6DAC3

RGB

rgb(230, 218, 195)

HSL

hsl(39, 41%, 83%)

HSB

hsb(39, 15%, 90%)

CMYK

cmyk(0%, 5%, 15%, 10%)

Oklch

oklch(89.2% 0.033 83.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C1B99A

9AA2C1

Analogous

C1A69A

C1B99A

B5C19A

Triadic

C1B99A

9AC1B9

B99AC1

Split-Comp.

C1B99A

9AB5C1

A69AC1

Tetradic

C1B99A

9AC1A6

9AA2C1

C19AB5

Contrast Matrix WCAG 2.1 Contrast

C1B99A	C3CACF	CAD6B8	FECAAC	E6DAC3
—	1.2 Fail	1.3 Fail	1.3 Fail	1.4 Fail
1.2 Fail	—	1.1 Fail	1.1 Fail	1.2 Fail
1.3 Fail	1.1 Fail	—	1.0 Fail	1.1 Fail
1.3 Fail	1.1 Fail	1.0 Fail	—	1.1 Fail
1.4 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

2.0Fail

1.7Fail

1.5Fail

1.4Fail

Black BG

10.7AAA

12.7AAA

13.8AAA

14.3AAA

15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBDA2

C6C6CE

CFCFBF

E7E7B3

E1E1C9

Deuteranopia

BEBFA3

C6C5CD

CFCEC1

EBEEB5

E2E2CA

Tritanopia

C1A7A9

C3CDCD

CBC5C6

FBB9BA

E5CDCE

Achromatopsia

B8B8B8

C8C8C8

CFCFCF

D6D6D6

DBDBDB

Shades & Tints Shades & Tints

#C1B99A

Dark

Light

#C3CACF

Dark

Light

#CAD6B8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c1b99a;
  --color-2: #c3cacf;
  --color-3: #cad6b8;
  --color-4: #fecaac;
  --color-5: #e6dac3;
}

SCSS

$color-1: #c1b99a;
$color-2: #c3cacf;
$color-3: #cad6b8;
$color-4: #fecaac;
$color-5: #e6dac3;

TAILWIND

colors: {
  'brand-1': '#c1b99a',
  'brand-2': '#c3cacf',
  'brand-3': '#cad6b8',
  'brand-4': '#fecaac',
  'brand-5': '#e6dac3',
}

RGB Array

[193, 185, 154], [195, 202, 207], [202, 214, 184], [254, 202, 172], [230, 218, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C1B99A, #C3CACF, #CAD6B8, #FECAAC, #E6DAC3 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: #c1b99a; --color-2: #c3cacf; --color-3: #cad6b8; --color-4: #fecaac; --color-5: #e6dac3. 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