#C3CACF + #C1B99A + #E6D87A + #FECAAC + #F9F6D7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#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

#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

#E6D87A

Fresh Green · Khaki · Sunflower

HEX

#E6D87A

RGB

rgb(230, 216, 122)

HSL

hsl(52, 68%, 69%)

HSB

hsb(52, 47%, 90%)

CMYK

cmyk(0%, 6%, 47%, 10%)

Oklch

oklch(87.4% 0.117 100.9)

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

#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

#F9F6D7

Fresh Green · Beige · Lemon Cream

HEX

#F9F6D7

RGB

rgb(249, 246, 215)

HSL

hsl(55, 74%, 91%)

HSB

hsb(55, 14%, 98%)

CMYK

cmyk(0%, 1%, 14%, 2%)

Oklch

oklch(96.7% 0.041 102.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3CACF

CFC8C4

Analogous

C4CFCE

C3CACF

C4C5CF

Triadic

C3CACF

CFC4CA

CACFC4

Split-Comp.

C3CACF

CFC4C5

CFCEC4

Tetradic

C3CACF

CEC4CF

CFC8C4

C5CFC4

Contrast Matrix WCAG 2.1 Contrast

C3CACF	C1B99A	E6D87A	FECAAC	F9F6D7
—	1.2 Fail	1.1 Fail	1.1 Fail	1.5 Fail
1.2 Fail	—	1.4 Fail	1.3 Fail	1.8 Fail
1.1 Fail	1.4 Fail	—	1.0 Fail	1.3 Fail
1.1 Fail	1.3 Fail	1.0 Fail	—	1.3 Fail
1.5 Fail	1.8 Fail	1.3 Fail	1.3 Fail	—

White BG

1.7Fail

2.0Fail

1.5Fail

1.1Fail

Black BG

12.7AAA

10.7AAA

14.5AAA

14.3AAA

19.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6CE

BEBDA2

E0E091

E7E7B3

F8F8DF

Deuteranopia

C6C5CD

BEBFA3

E1E296

EBEEB5

F8F8E0

Tritanopia

C3CDCD

C1A7A9

E5A3A7

FBB9BA

F9E4E6

Achromatopsia

C8C8C8

B8B8B8

D1D1D1

D6D6D6

F3F3F3

Shades & Tints Shades & Tints

#C3CACF

Dark

Light

#C1B99A

Dark

Light

#E6D87A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

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

SCSS

$color-1: #c3cacf;
$color-2: #c1b99a;
$color-3: #e6d87a;
$color-4: #fecaac;
$color-5: #f9f6d7;

TAILWIND

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

RGB Array

[195, 202, 207], [193, 185, 154], [230, 216, 122], [254, 202, 172], [249, 246, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C3CACF, #C1B99A, #E6D87A, #FECAAC, #F9F6D7 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: #c3cacf; --color-2: #c1b99a; --color-3: #e6d87a; --color-4: #fecaac; --color-5: #f9f6d7. 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