#F3D5CD + #F6B4BE + #FA949F + #A77397 + #92A5A3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F3D5CD

Peach Pink · Bisque · Cherry Blossom

HEX

#F3D5CD

RGB

rgb(243, 213, 205)

HSL

hsl(13, 61%, 88%)

HSB

hsb(13, 16%, 95%)

CMYK

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

Oklch

oklch(89.6% 0.035 35.3)

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

#F6B4BE

Peach Pink · LightPink · Cherry Blossom

HEX

#F6B4BE

RGB

rgb(246, 180, 190)

HSL

hsl(351, 79%, 84%)

HSB

hsb(351, 27%, 96%)

CMYK

cmyk(0%, 27%, 23%, 4%)

Oklch

oklch(83.4% 0.078 8.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FA949F

Peach Pink · LightCoral · Coral Red

HEX

#FA949F

RGB

rgb(250, 148, 159)

HSL

hsl(354, 91%, 78%)

HSB

hsb(354, 41%, 98%)

CMYK

cmyk(0%, 41%, 36%, 2%)

Oklch

oklch(77.6% 0.123 13.4)

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

#A77397

Rose Purple · Gray · Violet

HEX

#A77397

RGB

rgb(167, 115, 151)

HSL

hsl(318, 23%, 55%)

HSB

hsb(318, 31%, 65%)

CMYK

cmyk(0%, 31%, 10%, 35%)

Oklch

oklch(62.0% 0.082 338.5)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#92A5A3

Jade · DarkGray · Lake Green

HEX

#92A5A3

RGB

rgb(146, 165, 163)

HSL

hsl(174, 10%, 61%)

HSB

hsb(174, 12%, 65%)

CMYK

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

Oklch

oklch(70.7% 0.022 189.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3D5CD

CEEBF3

Analogous

F3CED8

F3D5CD

F3E8CE

Triadic

F3D5CD

CEF3D6

D6CEF3

Split-Comp.

F3D5CD

CEF3E8

CED8F3

Tetradic

F3D5CD

D8F3CE

CEEBF3

E8CEF3

Contrast Matrix WCAG 2.1 Contrast

F3D5CD	F6B4BE	FA949F	A77397	92A5A3
—	1.2 Fail	1.6 Fail	2.7 Fail	1.9 Fail
1.2 Fail	—	1.2 Fail	2.2 Fail	1.5 Fail
1.6 Fail	1.2 Fail	—	1.8 Fail	1.2 Fail
2.7 Fail	2.2 Fail	1.8 Fail	—	1.5 Fail
1.9 Fail	1.5 Fail	1.2 Fail	1.5 Fail	—

White BG

1.4Fail

1.7Fail

2.1Fail

3.8AA Large

2.6Fail

Black BG

15.2AAA

12.2AAA

9.8AAA

5.5AA

8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6CF

D9D9BC

CECD9C

90908E

9A9AA3

Deuteranopia

E8EACF

DDE2BB

D4DB9C

94978C

9998A4

Tritanopia

F2D0D1

F3BAB9

F59A9A

A48786

93A4A4

Achromatopsia

DDDDDD

C9C9C9

B4B4B4

878787

9F9F9F

Shades & Tints Shades & Tints

#F3D5CD

Dark

Light

#F6B4BE

Dark

Light

#FA949F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3d5cd;
  --color-2: #f6b4be;
  --color-3: #fa949f;
  --color-4: #a77397;
  --color-5: #92a5a3;
}

SCSS

$color-1: #f3d5cd;
$color-2: #f6b4be;
$color-3: #fa949f;
$color-4: #a77397;
$color-5: #92a5a3;

TAILWIND

colors: {
  'brand-1': '#f3d5cd',
  'brand-2': '#f6b4be',
  'brand-3': '#fa949f',
  'brand-4': '#a77397',
  'brand-5': '#92a5a3',
}

RGB Array

[243, 213, 205], [246, 180, 190], [250, 148, 159], [167, 115, 151], [146, 165, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F3D5CD, #F6B4BE, #FA949F, #A77397, #92A5A3 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: #f3d5cd; --color-2: #f6b4be; --color-3: #fa949f; --color-4: #a77397; --color-5: #92a5a3. 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