#F1D8BA + #F9CDA6 + #F0B29D + #E1ABA9 + #C9ABB7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F1D8BA

Goose Yellow · Wheat · Peach Orange

HEX

#F1D8BA

RGB

rgb(241, 216, 186)

HSL

hsl(33, 66%, 84%)

HSB

hsb(33, 23%, 95%)

CMYK

cmyk(0%, 10%, 23%, 5%)

Oklch

oklch(89.5% 0.049 72.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F9CDA6

Apricot · Wheat · Peach Orange

HEX

#F9CDA6

RGB

rgb(249, 205, 166)

HSL

hsl(28, 87%, 81%)

HSB

hsb(28, 33%, 98%)

CMYK

cmyk(0%, 18%, 33%, 2%)

Oklch

oklch(87.7% 0.072 63.2)

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

#F0B29D

Apricot · BurlyWood · Peach Orange

HEX

#F0B29D

RGB

rgb(240, 178, 157)

HSL

hsl(15, 73%, 78%)

HSB

hsb(15, 35%, 94%)

CMYK

cmyk(0%, 26%, 35%, 6%)

Oklch

oklch(81.6% 0.079 39.5)

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

#E1ABA9

Peach Pink · Tan · Coral Red

HEX

#E1ABA9

RGB

rgb(225, 171, 169)

HSL

hsl(2, 48%, 77%)

HSB

hsb(2, 25%, 88%)

CMYK

cmyk(0%, 24%, 25%, 12%)

Oklch

oklch(79.0% 0.064 21.0)

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

#C9ABB7

Rouge · Silver · Rose Pink

HEX

#C9ABB7

RGB

rgb(201, 171, 183)

HSL

hsl(336, 22%, 73%)

HSB

hsb(336, 15%, 79%)

CMYK

cmyk(0%, 15%, 9%, 21%)

Oklch

oklch(77.1% 0.038 352.0)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1D8BA

BBD4F1

Analogous

F1BEBB

F1D8BA

EEF1BB

Triadic

F1D8BA

BBF1D9

D9BBF1

Split-Comp.

F1D8BA

BBEEF1

BEBBF1

Tetradic

F1D8BA

BBF1BE

BBD4F1

F1BBEE

Contrast Matrix WCAG 2.1 Contrast

F1D8BA	F9CDA6	F0B29D	E1ABA9	C9ABB7
—	1.1 Fail	1.3 Fail	1.4 Fail	1.5 Fail
1.1 Fail	—	1.2 Fail	1.4 Fail	1.4 Fail
1.3 Fail	1.2 Fail	—	1.1 Fail	1.2 Fail
1.4 Fail	1.4 Fail	1.1 Fail	—	1.1 Fail
1.5 Fail	1.4 Fail	1.2 Fail	1.1 Fail	—

White BG

1.4Fail

1.5Fail

1.8Fail

2.0Fail

2.1Fail

Black BG

15.3AAA

14.3AAA

11.6AAA

10.6AAA

10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6C1

E6E6AF

D5D5A2

CAC9A9

BCBCB4

Deuteranopia

E8EAC3

E9ECB2

D9DDA3

CDD1AA

BEC0B3

Tritanopia

F0C7C8

F7B7B9

EDA6A7

DEAAAA

C8B2B1

Achromatopsia

DCDCDC

D6D6D6

C2C2C2

BBBBBB

B5B5B5

Shades & Tints Shades & Tints

#F1D8BA

Dark

Light

#F9CDA6

Dark

Light

#F0B29D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1d8ba;
  --color-2: #f9cda6;
  --color-3: #f0b29d;
  --color-4: #e1aba9;
  --color-5: #c9abb7;
}

SCSS

$color-1: #f1d8ba;
$color-2: #f9cda6;
$color-3: #f0b29d;
$color-4: #e1aba9;
$color-5: #c9abb7;

TAILWIND

colors: {
  'brand-1': '#f1d8ba',
  'brand-2': '#f9cda6',
  'brand-3': '#f0b29d',
  'brand-4': '#e1aba9',
  'brand-5': '#c9abb7',
}

RGB Array

[241, 216, 186], [249, 205, 166], [240, 178, 157], [225, 171, 169], [201, 171, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F1D8BA, #F9CDA6, #F0B29D, #E1ABA9, #C9ABB7 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: #f1d8ba; --color-2: #f9cda6; --color-3: #f0b29d; --color-4: #e1aba9; --color-5: #c9abb7. 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