#F6E5CB + #FBFBE1 + #D1B07A + #ABA198 + #BAB5CC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F6E5CB

Goose Yellow · Bisque · Peach Orange

HEX

#F6E5CB

RGB

rgb(246, 229, 203)

HSL

hsl(36, 70%, 88%)

HSB

hsb(36, 17%, 96%)

CMYK

cmyk(0%, 7%, 17%, 4%)

Oklch

oklch(92.9% 0.039 78.6)

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

#FBFBE1

Fresh Green · LightYellow · Lemon Cream

HEX

#FBFBE1

RGB

rgb(251, 251, 225)

HSL

hsl(60, 76%, 93%)

HSB

hsb(60, 10%, 98%)

CMYK

cmyk(0%, 0%, 10%, 2%)

Oklch

oklch(98.1% 0.034 107.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#D1B07A

Ginger · Tan · Warm Sun

HEX

#D1B07A

RGB

rgb(209, 176, 122)

HSL

hsl(37, 49%, 65%)

HSB

hsb(37, 42%, 82%)

CMYK

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

Oklch

oklch(77.4% 0.080 79.4)

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

#ABA198

Apricot · DarkGray · Warm Sun

HEX

#ABA198

RGB

rgb(171, 161, 152)

HSL

hsl(28, 10%, 63%)

HSB

hsb(28, 11%, 67%)

CMYK

cmyk(0%, 6%, 11%, 33%)

Oklch

oklch(71.5% 0.017 64.6)

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

#BAB5CC

Wisteria · Silver · Cobalt Blue

HEX

#BAB5CC

RGB

rgb(186, 181, 204)

HSL

hsl(253, 18%, 75%)

HSB

hsb(253, 11%, 80%)

CMYK

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

Oklch

oklch(78.4% 0.033 295.6)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6E5CB

CBDCF6

Analogous

F6CFCB

F6E5CB

F2F6CB

Triadic

F6E5CB

CBF6E5

E5CBF6

Split-Comp.

F6E5CB

CBF2F6

CFCBF6

Tetradic

F6E5CB

CBF6CF

CBDCF6

F6CBF2

Contrast Matrix WCAG 2.1 Contrast

F6E5CB	FBFBE1	D1B07A	ABA198	BAB5CC
—	1.2 Fail	1.7 Fail	2.1 Fail	1.6 Fail
1.2 Fail	—	2.0 Fail	2.4 Fail	1.9 Fail
1.7 Fail	2.0 Fail	—	1.2 Fail	1.0 Fail
2.1 Fail	2.4 Fail	1.2 Fail	—	1.3 Fail
1.6 Fail	1.9 Fail	1.0 Fail	1.3 Fail	—

White BG

1.2Fail

1.1Fail

2.1Fail

2.5Fail

2.0Fail

Black BG

17.0AAA

20.0AAA

10.2AAA

8.3AAA

10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEED1

FBFBE7

C3C287

A7A79A

B8B8C6

Deuteranopia

F0F1D3

FBFBE9

C5C78A

A7A89B

B8B9C5

Tritanopia

F5D6D7

FBECED

CF9194

AB9C9C

BAC2C1

Achromatopsia

E7E7E7

F8F8F8

B4B4B4

A3A3A3

B9B9B9

Shades & Tints Shades & Tints

#F6E5CB

Dark

Light

#FBFBE1

Dark

Light

#D1B07A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6e5cb;
  --color-2: #fbfbe1;
  --color-3: #d1b07a;
  --color-4: #aba198;
  --color-5: #bab5cc;
}

SCSS

$color-1: #f6e5cb;
$color-2: #fbfbe1;
$color-3: #d1b07a;
$color-4: #aba198;
$color-5: #bab5cc;

TAILWIND

colors: {
  'brand-1': '#f6e5cb',
  'brand-2': '#fbfbe1',
  'brand-3': '#d1b07a',
  'brand-4': '#aba198',
  'brand-5': '#bab5cc',
}

RGB Array

[246, 229, 203], [251, 251, 225], [209, 176, 122], [171, 161, 152], [186, 181, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6E5CB, #FBFBE1, #D1B07A, #ABA198, #BAB5CC 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: #f6e5cb; --color-2: #fbfbe1; --color-3: #d1b07a; --color-4: #aba198; --color-5: #bab5cc. 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