#F3D5CA + #FCB2B1 + #AE9181 + #A8BFD1 + #EACE7A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F3D5CA

Apricot · Bisque · Peach Orange

HEX

#F3D5CA

RGB

rgb(243, 213, 202)

HSL

hsl(16, 63%, 87%)

HSB

hsb(16, 17%, 95%)

CMYK

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

Oklch

oklch(89.5% 0.037 41.2)

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

#FCB2B1

Peach Pink · LightPink · Cherry Blossom

HEX

#FCB2B1

RGB

rgb(252, 178, 177)

HSL

hsl(1, 93%, 84%)

HSB

hsb(1, 30%, 99%)

CMYK

cmyk(0%, 29%, 30%, 1%)

Oklch

oklch(83.3% 0.087 19.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#AE9181

Tangerine · DarkGray · Warm Sun

HEX

#AE9181

RGB

rgb(174, 145, 129)

HSL

hsl(21, 22%, 59%)

HSB

hsb(21, 26%, 68%)

CMYK

cmyk(0%, 17%, 26%, 32%)

Oklch

oklch(67.9% 0.042 50.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#A8BFD1

Sky Blue · LightSteelBlue · Cobalt Blue

HEX

#A8BFD1

RGB

rgb(168, 191, 209)

HSL

hsl(206, 31%, 74%)

HSB

hsb(206, 20%, 82%)

CMYK

cmyk(20%, 9%, 0%, 18%)

Oklch

oklch(79.3% 0.036 241.6)

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

#EACE7A

Ginger · BurlyWood · Sunflower

HEX

#EACE7A

RGB

rgb(234, 206, 122)

HSL

hsl(45, 73%, 70%)

HSB

hsb(45, 48%, 92%)

CMYK

cmyk(0%, 12%, 48%, 8%)

Oklch

oklch(85.7% 0.109 91.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3D5CA

C9E8F3

Analogous

F3C9D3

F3D5CA

F3E9C9

Triadic

F3D5CA

C9F3D4

D4C9F3

Split-Comp.

F3D5CA

C9F3E9

C9D3F3

Tetradic

F3D5CA

D3F3C9

C9E8F3

E9C9F3

Contrast Matrix WCAG 2.1 Contrast

F3D5CA	FCB2B1	AE9181	A8BFD1	EACE7A
—	1.3 Fail	2.1 Fail	1.4 Fail	1.1 Fail
1.3 Fail	—	1.7 Fail	1.1 Fail	1.1 Fail
2.1 Fail	1.7 Fail	—	1.5 Fail	1.9 Fail
1.4 Fail	1.1 Fail	1.5 Fail	—	1.2 Fail
1.1 Fail	1.1 Fail	1.9 Fail	1.2 Fail	—

White BG

1.4Fail

1.7Fail

2.9Fail

1.9Fail

1.5Fail

Black BG

15.2AAA

12.1AAA

7.2AAA

11.0AAA

13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6CD

DCDBB1

A1A185

B2B2CD

DEDE8E

Deuteranopia

E8EACD

E0E6B1

A3A586

B1AFCC

E0E293

Tritanopia

F2CFCF

F8B1B1

AD8889

A9C9C8

E99EA2

Achromatopsia

DDDDDD

C8C8C8

989898

BABABA

CDCDCD

Shades & Tints Shades & Tints

#F3D5CA

Dark

Light

#FCB2B1

Dark

Light

#AE9181

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3d5ca;
  --color-2: #fcb2b1;
  --color-3: #ae9181;
  --color-4: #a8bfd1;
  --color-5: #eace7a;
}

SCSS

$color-1: #f3d5ca;
$color-2: #fcb2b1;
$color-3: #ae9181;
$color-4: #a8bfd1;
$color-5: #eace7a;

TAILWIND

colors: {
  'brand-1': '#f3d5ca',
  'brand-2': '#fcb2b1',
  'brand-3': '#ae9181',
  'brand-4': '#a8bfd1',
  'brand-5': '#eace7a',
}

RGB Array

[243, 213, 202], [252, 178, 177], [174, 145, 129], [168, 191, 209], [234, 206, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F3D5CA, #FCB2B1, #AE9181, #A8BFD1, #EACE7A 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: #f3d5ca; --color-2: #fcb2b1; --color-3: #ae9181; --color-4: #a8bfd1; --color-5: #eace7a. 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