#F2D2CB + #A0A6AD + #F2A696 + #ADC2C7 + #C4AFA1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F2D2CB

Peach Pink · Pink · Cherry Blossom

HEX

#F2D2CB

RGB

rgb(242, 210, 203)

HSL

hsl(11, 60%, 87%)

HSB

hsb(11, 16%, 95%)

CMYK

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

Oklch

oklch(88.9% 0.037 32.4)

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

#A0A6AD

Ash · DarkGray · Silver Sand

HEX

#A0A6AD

RGB

rgb(160, 166, 173)

HSL

hsl(212, 7%, 65%)

HSB

hsb(212, 8%, 68%)

CMYK

cmyk(8%, 4%, 0%, 32%)

Oklch

oklch(72.3% 0.012 252.1)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#F2A696

Peach Pink · BurlyWood · Coral Red

HEX

#F2A696

RGB

rgb(242, 166, 150)

HSL

hsl(10, 78%, 77%)

HSB

hsb(10, 38%, 95%)

CMYK

cmyk(0%, 31%, 38%, 5%)

Oklch

oklch(79.5% 0.094 32.3)

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

#ADC2C7

Sky Blue · Silver · Lake Green

HEX

#ADC2C7

RGB

rgb(173, 194, 199)

HSL

hsl(192, 19%, 73%)

HSB

hsb(192, 13%, 78%)

CMYK

cmyk(13%, 3%, 0%, 22%)

Oklch

oklch(80.0% 0.024 213.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#C4AFA1

Apricot · Tan · Warm Sun

HEX

#C4AFA1

RGB

rgb(196, 175, 161)

HSL

hsl(24, 23%, 70%)

HSB

hsb(24, 18%, 77%)

CMYK

cmyk(0%, 11%, 18%, 23%)

Oklch

oklch(76.8% 0.031 55.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2D2CB

CAEAF2

Analogous

F2CAD7

F2D2CB

F2E5CA

Triadic

F2D2CB

CAF2D1

D1CAF2

Split-Comp.

F2D2CB

CAF2E5

CAD7F2

Tetradic

F2D2CB

D7F2CA

CAEAF2

E5CAF2

Contrast Matrix WCAG 2.1 Contrast

F2D2CB	A0A6AD	F2A696	ADC2C7	C4AFA1
—	1.7 Fail	1.4 Fail	1.3 Fail	1.5 Fail
1.7 Fail	—	1.2 Fail	1.3 Fail	1.2 Fail
1.4 Fail	1.2 Fail	—	1.1 Fail	1.1 Fail
1.3 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.5 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

1.4Fail

2.5Fail

2.0Fail

1.9Fail

2.1Fail

Black BG

14.9AAA

8.6AAA

10.7AAA

11.3AAA

10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4CD

A3A3AB

D1D09A

B6B6C6

BBBBA4

Deuteranopia

E6E8CD

A2A2AB

D6DB9B

B5B3C5

BCBEA5

Tritanopia

F0CECE

A0AAAA

EE9D9E

AEC5C5

C3A7A8

Achromatopsia

DBDBDB

A5A5A5

BBBBBB

BCBCBC

B4B4B4

Shades & Tints Shades & Tints

#F2D2CB

Dark

Light

#A0A6AD

Dark

Light

#F2A696

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2d2cb;
  --color-2: #a0a6ad;
  --color-3: #f2a696;
  --color-4: #adc2c7;
  --color-5: #c4afa1;
}

SCSS

$color-1: #f2d2cb;
$color-2: #a0a6ad;
$color-3: #f2a696;
$color-4: #adc2c7;
$color-5: #c4afa1;

TAILWIND

colors: {
  'brand-1': '#f2d2cb',
  'brand-2': '#a0a6ad',
  'brand-3': '#f2a696',
  'brand-4': '#adc2c7',
  'brand-5': '#c4afa1',
}

RGB Array

[242, 210, 203], [160, 166, 173], [242, 166, 150], [173, 194, 199], [196, 175, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2D2CB, #A0A6AD, #F2A696, #ADC2C7, #C4AFA1 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: #f2d2cb; --color-2: #a0a6ad; --color-3: #f2a696; --color-4: #adc2c7; --color-5: #c4afa1. 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