#FCDDC0 + #CFCAAA + #F84D5F + #E4DBA4 + #978557 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FCDDC0

Apricot · Bisque · Peach Orange

HEX

#FCDDC0

RGB

rgb(252, 221, 192)

HSL

hsl(29, 91%, 87%)

HSB

hsb(29, 24%, 99%)

CMYK

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

Oklch

oklch(91.6% 0.052 65.2)

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

#CFCAAA

Fresh Green · Silver · Sunflower

HEX

#CFCAAA

RGB

rgb(207, 202, 170)

HSL

hsl(52, 28%, 74%)

HSB

hsb(52, 18%, 81%)

CMYK

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

Oklch

oklch(83.5% 0.043 99.9)

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

#F84D5F

Peach Pink · Tomato · Coral Red

HEX

#F84D5F

RGB

rgb(248, 77, 95)

HSL

hsl(354, 92%, 64%)

HSB

hsb(354, 69%, 97%)

CMYK

cmyk(0%, 69%, 62%, 3%)

Oklch

oklch(66.5% 0.206 19.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E4DBA4

Fresh Green · Wheat · Lemon Cream

HEX

#E4DBA4

RGB

rgb(228, 219, 164)

HSL

hsl(52, 54%, 77%)

HSB

hsb(52, 28%, 89%)

CMYK

cmyk(0%, 4%, 28%, 11%)

Oklch

oklch(88.5% 0.072 99.9)

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

#978557

Ochre · Gray · Honey Gold

HEX

#978557

RGB

rgb(151, 133, 87)

HSL

hsl(43, 27%, 47%)

HSB

hsb(43, 42%, 59%)

CMYK

cmyk(0%, 12%, 42%, 41%)

Oklch

oklch(62.2% 0.067 89.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCDDC0

C0DFFC

Analogous

FCC0C1

FCDDC0

FCFBC0

Triadic

FCDDC0

C0FCDD

DDC0FC

Split-Comp.

FCDDC0

C0FCFB

C0C1FC

Tetradic

FCDDC0

C1FCC0

C0DFFC

FBC0FC

Contrast Matrix WCAG 2.1 Contrast

FCDDC0	CFCAAA	F84D5F	E4DBA4	978557
—	1.3 Fail	2.6 Fail	1.1 Fail	2.8 Fail
1.3 Fail	—	2.0 Fail	1.2 Fail	2.2 Fail
2.6 Fail	2.0 Fail	—	2.4 Fail	1.1 Fail
1.1 Fail	1.2 Fail	2.4 Fail	—	2.6 Fail
2.8 Fail	2.2 Fail	1.1 Fail	2.6 Fail	—

White BG

1.3Fail

1.7Fail

3.4AA Large

1.4Fail

3.6AA Large

Black BG

16.2AAA

12.7AAA

6.2AA

15.0AAA

5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEEC7

CDCDB2

AEAC5B

E0E0B1

8F8F62

Deuteranopia

F0F3C9

CDCDB4

B8C55A

E1E1B5

909265

Tritanopia

FACDCE

CFB8B9

EF5756

E4BCBE

966B6D

Achromatopsia

E3E3E3

C8C8C8

828282

D7D7D7

858585

Shades & Tints Shades & Tints

#FCDDC0

Dark

Light

#CFCAAA

Dark

Light

#F84D5F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcddc0;
  --color-2: #cfcaaa;
  --color-3: #f84d5f;
  --color-4: #e4dba4;
  --color-5: #978557;
}

SCSS

$color-1: #fcddc0;
$color-2: #cfcaaa;
$color-3: #f84d5f;
$color-4: #e4dba4;
$color-5: #978557;

TAILWIND

colors: {
  'brand-1': '#fcddc0',
  'brand-2': '#cfcaaa',
  'brand-3': '#f84d5f',
  'brand-4': '#e4dba4',
  'brand-5': '#978557',
}

RGB Array

[252, 221, 192], [207, 202, 170], [248, 77, 95], [228, 219, 164], [151, 133, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCDDC0, #CFCAAA, #F84D5F, #E4DBA4, #978557 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: #fcddc0; --color-2: #cfcaaa; --color-3: #f84d5f; --color-4: #e4dba4; --color-5: #978557. 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