#FCA071 + #FCC9AA + #F3E4CD + #D4D2BB + #B9C9BC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FCA071

Apricot · LightSalmon · Warm Sun

HEX

#FCA071

RGB

rgb(252, 160, 113)

HSL

hsl(20, 96%, 72%)

HSB

hsb(20, 55%, 99%)

CMYK

cmyk(0%, 37%, 55%, 1%)

Oklch

oklch(78.9% 0.126 47.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FCC9AA

Apricot · Wheat · Peach Orange

HEX

#FCC9AA

RGB

rgb(252, 201, 170)

HSL

hsl(23, 93%, 83%)

HSB

hsb(23, 33%, 99%)

CMYK

cmyk(0%, 20%, 33%, 1%)

Oklch

oklch(87.3% 0.072 52.8)

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

#F3E4CD

Goose Yellow · Bisque · Peach Orange

HEX

#F3E4CD

RGB

rgb(243, 228, 205)

HSL

hsl(36, 61%, 88%)

HSB

hsb(36, 16%, 95%)

CMYK

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

Oklch

oklch(92.5% 0.035 78.7)

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

#D4D2BB

Fresh Green · LightGray · Lemon Cream

HEX

#D4D2BB

RGB

rgb(212, 210, 187)

HSL

hsl(55, 23%, 78%)

HSB

hsb(55, 12%, 83%)

CMYK

cmyk(0%, 1%, 12%, 17%)

Oklch

oklch(85.9% 0.031 103.0)

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

#B9C9BC

Celadon · Silver · Apple Green

HEX

#B9C9BC

RGB

rgb(185, 201, 188)

HSL

hsl(131, 13%, 76%)

HSB

hsb(131, 8%, 79%)

CMYK

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

Oklch

oklch(82.0% 0.025 151.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCA071

73CEFC

Analogous

FC738A

FCA071

FCE573

Triadic

FCA071

73FCA1

A173FC

Split-Comp.

FCA071

73FCE5

738AFC

Tetradic

FCA071

8AFC73

73CEFC

E573FC

Contrast Matrix WCAG 2.1 Contrast

FCA071	FCC9AA	F3E4CD	D4D2BB	B9C9BC
—	1.4 Fail	1.6 Fail	1.3 Fail	1.2 Fail
1.4 Fail	—	1.2 Fail	1.0 Fail	1.2 Fail
1.6 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.3 Fail	1.0 Fail	1.2 Fail	—	1.1 Fail
1.2 Fail	1.2 Fail	1.4 Fail	1.1 Fail	—

White BG

2.0Fail

1.5Fail

1.3Fail

1.5Fail

1.7Fail

Black BG

10.4AAA

14.1AAA

16.8AAA

13.7AAA

12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D37C

E6E5B2

EDECD3

D3D3C1

C0C0BF

Deuteranopia

DAE07F

E9EDB3

EDEFD4

D3D3C2

BFBEC0

Tritanopia

F78587

F9B7B9

F2D7D8

D4C5C6

BAC2C2

Achromatopsia

B6B6B6

D5D5D5

E6E6E6

D0D0D0

C3C3C3

Shades & Tints Shades & Tints

#FCA071

Dark

Light

#FCC9AA

Dark

Light

#F3E4CD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fca071;
  --color-2: #fcc9aa;
  --color-3: #f3e4cd;
  --color-4: #d4d2bb;
  --color-5: #b9c9bc;
}

SCSS

$color-1: #fca071;
$color-2: #fcc9aa;
$color-3: #f3e4cd;
$color-4: #d4d2bb;
$color-5: #b9c9bc;

TAILWIND

colors: {
  'brand-1': '#fca071',
  'brand-2': '#fcc9aa',
  'brand-3': '#f3e4cd',
  'brand-4': '#d4d2bb',
  'brand-5': '#b9c9bc',
}

RGB Array

[252, 160, 113], [252, 201, 170], [243, 228, 205], [212, 210, 187], [185, 201, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCA071, #FCC9AA, #F3E4CD, #D4D2BB, #B9C9BC 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: #fca071; --color-2: #fcc9aa; --color-3: #f3e4cd; --color-4: #d4d2bb; --color-5: #b9c9bc. 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