#FAB08D + #C19999 + #C2AC94 + #D6CA9A + #C5DECB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FAB08D

Apricot · LightSalmon · Peach Orange

HEX

#FAB08D

RGB

rgb(250, 176, 141)

HSL

hsl(19, 92%, 77%)

HSB

hsb(19, 44%, 98%)

CMYK

cmyk(0%, 30%, 44%, 2%)

Oklch

oklch(81.9% 0.099 46.2)

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

#C19999

Peach Pink · DarkGray · Coral Red

HEX

#C19999

RGB

rgb(193, 153, 153)

HSL

hsl(0, 24%, 68%)

HSB

hsb(0, 21%, 76%)

CMYK

cmyk(0%, 21%, 21%, 24%)

Oklch

oklch(72.0% 0.048 18.3)

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

#C2AC94

Ginger · Tan · Warm Sun

HEX

#C2AC94

RGB

rgb(194, 172, 148)

HSL

hsl(31, 27%, 67%)

HSB

hsb(31, 24%, 76%)

CMYK

cmyk(0%, 11%, 24%, 24%)

Oklch

oklch(75.7% 0.042 69.6)

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

#D6CA9A

Goose Yellow · Tan · Sunflower

HEX

#D6CA9A

RGB

rgb(214, 202, 154)

HSL

hsl(48, 42%, 72%)

HSB

hsb(48, 28%, 84%)

CMYK

cmyk(0%, 6%, 28%, 16%)

Oklch

oklch(83.7% 0.065 95.7)

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

#C5DECB

Celadon · LightGray · Mint Green

HEX

#C5DECB

RGB

rgb(197, 222, 203)

HSL

hsl(134, 27%, 82%)

HSB

hsb(134, 11%, 87%)

CMYK

cmyk(11%, 0%, 9%, 13%)

Oklch

oklch(87.7% 0.037 152.8)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAB08D

8ED8FA

Analogous

FA8EA2

FAB08D

FAE78E

Triadic

FAB08D

8EFAB1

B18EFA

Split-Comp.

FAB08D

8EFAE7

8EA2FA

Tetradic

FAB08D

A2FA8E

8ED8FA

E78EFA

Contrast Matrix WCAG 2.1 Contrast

FAB08D	C19999	C2AC94	D6CA9A	C5DECB
—	1.4 Fail	1.2 Fail	1.1 Fail	1.3 Fail
1.4 Fail	—	1.2 Fail	1.5 Fail	1.8 Fail
1.2 Fail	1.2 Fail	—	1.3 Fail	1.5 Fail
1.1 Fail	1.5 Fail	1.3 Fail	—	1.1 Fail
1.3 Fail	1.8 Fail	1.5 Fail	1.1 Fail	—

White BG

1.8Fail

2.5Fail

2.2Fail

1.6Fail

1.4Fail

Black BG

11.7AAA

8.3AAA

9.6AAA

12.8AAA

14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DAD995

B0AF99

B8B89A

D1D1A6

D0D0D0

Deuteranopia

DEE498

B2B599

BABB9B

D2D2A8

CECCD1

Tritanopia

F69C9E

BF9999

C19E9F

D5AFB1

C6D3D4

Achromatopsia

C2C2C2

A5A5A5

B0B0B0

C8C8C8

D4D4D4

Shades & Tints Shades & Tints

#FAB08D

Dark

Light

#C19999

Dark

Light

#C2AC94

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fab08d;
  --color-2: #c19999;
  --color-3: #c2ac94;
  --color-4: #d6ca9a;
  --color-5: #c5decb;
}

SCSS

$color-1: #fab08d;
$color-2: #c19999;
$color-3: #c2ac94;
$color-4: #d6ca9a;
$color-5: #c5decb;

TAILWIND

colors: {
  'brand-1': '#fab08d',
  'brand-2': '#c19999',
  'brand-3': '#c2ac94',
  'brand-4': '#d6ca9a',
  'brand-5': '#c5decb',
}

RGB Array

[250, 176, 141], [193, 153, 153], [194, 172, 148], [214, 202, 154], [197, 222, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAB08D, #C19999, #C2AC94, #D6CA9A, #C5DECB 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: #fab08d; --color-2: #c19999; --color-3: #c2ac94; --color-4: #d6ca9a; --color-5: #c5decb. 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