#F6A1AE + #EAB6AC + #DBC0A9 + #D0C9AE + #CAD0BC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F6A1AE

Peach Pink · LightPink · Coral Red

HEX

#F6A1AE

RGB

rgb(246, 161, 174)

HSL

hsl(351, 83%, 80%)

HSB

hsb(351, 35%, 96%)

CMYK

cmyk(0%, 35%, 29%, 4%)

Oklch

oklch(79.6% 0.102 9.6)

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

#EAB6AC

Peach Pink · LightPink · Coral Red

HEX

#EAB6AC

RGB

rgb(234, 182, 172)

HSL

hsl(10, 60%, 80%)

HSB

hsb(10, 26%, 92%)

CMYK

cmyk(0%, 22%, 26%, 8%)

Oklch

oklch(82.1% 0.062 30.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#DBC0A9

Apricot · Tan · Peach Orange

HEX

#DBC0A9

RGB

rgb(219, 192, 169)

HSL

hsl(28, 41%, 76%)

HSB

hsb(28, 23%, 86%)

CMYK

cmyk(0%, 12%, 23%, 14%)

Oklch

oklch(82.5% 0.044 62.6)

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

#D0C9AE

Goose Yellow · Silver · Sunflower

HEX

#D0C9AE

RGB

rgb(208, 201, 174)

HSL

hsl(48, 27%, 75%)

HSB

hsb(48, 16%, 82%)

CMYK

cmyk(0%, 3%, 16%, 18%)

Oklch

oklch(83.4% 0.037 95.1)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#CAD0BC

Willow Green · Silver · Apple Green

HEX

#CAD0BC

RGB

rgb(202, 208, 188)

HSL

hsl(78, 18%, 78%)

HSB

hsb(78, 10%, 82%)

CMYK

cmyk(3%, 0%, 10%, 18%)

Oklch

oklch(84.7% 0.028 120.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6A1AE

A2F6EA

Analogous

F6A2D9

F6A1AE

F6BFA2

Triadic

F6A1AE

AEF6A2

A2AEF6

Split-Comp.

F6A1AE

A2F6BF

A2D9F6

Tetradic

F6A1AE

D9F6A2

A2F6EA

BFA2F6

Contrast Matrix WCAG 2.1 Contrast

F6A1AE	EAB6AC	DBC0A9	D0C9AE	CAD0BC
—	1.1 Fail	1.1 Fail	1.2 Fail	1.2 Fail
1.1 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.2 Fail	1.1 Fail	1.0 Fail	—	1.0 Fail
1.2 Fail	1.1 Fail	1.1 Fail	1.0 Fail	—

White BG

2.0Fail

1.8Fail

1.7Fail

1.6Fail

Black BG

10.6AAA

11.8AAA

12.1AAA

12.6AAA

13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D0AB

D3D3AE

CFCFAF

CDCDB5

CDCDC1

Deuteranopia

D6DDAA

D7DAAF

D1D3B0

CDCEB6

CCCCC2

Tritanopia

F2A8A8

E7B0B1

DAB3B4

D0BABB

CAC5C6

Achromatopsia

BCBCBC

C4C4C4

C5C5C5

C8C8C8

CCCCCC

Shades & Tints Shades & Tints

#F6A1AE

Dark

Light

#EAB6AC

Dark

Light

#DBC0A9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6a1ae;
  --color-2: #eab6ac;
  --color-3: #dbc0a9;
  --color-4: #d0c9ae;
  --color-5: #cad0bc;
}

SCSS

$color-1: #f6a1ae;
$color-2: #eab6ac;
$color-3: #dbc0a9;
$color-4: #d0c9ae;
$color-5: #cad0bc;

TAILWIND

colors: {
  'brand-1': '#f6a1ae',
  'brand-2': '#eab6ac',
  'brand-3': '#dbc0a9',
  'brand-4': '#d0c9ae',
  'brand-5': '#cad0bc',
}

RGB Array

[246, 161, 174], [234, 182, 172], [219, 192, 169], [208, 201, 174], [202, 208, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6A1AE, #EAB6AC, #DBC0A9, #D0C9AE, #CAD0BC 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: #f6a1ae; --color-2: #eab6ac; --color-3: #dbc0a9; --color-4: #d0c9ae; --color-5: #cad0bc. 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