#F7E9E6 + #F7DBAD + #E0D18D + #BFBE91 + #A2AB9B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F7E9E6

Peach Pink · Linen · Cherry Blossom

HEX

#F7E9E6

RGB

rgb(247, 233, 230)

HSL

hsl(11, 52%, 94%)

HSB

hsb(11, 7%, 97%)

CMYK

cmyk(0%, 6%, 7%, 3%)

Oklch

oklch(94.4% 0.016 32.0)

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

#F7DBAD

Goose Yellow · Wheat · Peach Orange

HEX

#F7DBAD

RGB

rgb(247, 219, 173)

HSL

hsl(37, 82%, 82%)

HSB

hsb(37, 30%, 97%)

CMYK

cmyk(0%, 11%, 30%, 3%)

Oklch

oklch(90.3% 0.067 80.0)

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

#E0D18D

Goose Yellow · BurlyWood · Sunflower

HEX

#E0D18D

RGB

rgb(224, 209, 141)

HSL

hsl(49, 57%, 72%)

HSB

hsb(49, 37%, 88%)

CMYK

cmyk(0%, 7%, 37%, 12%)

Oklch

oklch(85.7% 0.089 97.2)

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

#BFBE91

Fresh Green · Tan · Sunflower

HEX

#BFBE91

RGB

rgb(191, 190, 145)

HSL

hsl(59, 26%, 66%)

HSB

hsb(59, 24%, 75%)

CMYK

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

Oklch

oklch(79.1% 0.061 106.6)

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

#A2AB9B

Celadon · DarkGray · Silver Sand

HEX

#A2AB9B

RGB

rgb(162, 171, 155)

HSL

hsl(94, 9%, 64%)

HSB

hsb(94, 9%, 67%)

CMYK

cmyk(5%, 0%, 9%, 33%)

Oklch

oklch(72.9% 0.025 131.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7E9E6

E8F5F8

Analogous

F8E8ED

F7E9E6

F8F3E8

Triadic

F7E9E6

E8F8EB

EBE8F8

Split-Comp.

F7E9E6

E8F8F3

E8EDF8

Tetradic

F7E9E6

EDF8E8

E8F5F8

F3E8F8

Contrast Matrix WCAG 2.1 Contrast

F7E9E6	F7DBAD	E0D18D	BFBE91	A2AB9B
—	1.1 Fail	1.3 Fail	1.6 Fail	2.0 Fail
1.1 Fail	—	1.1 Fail	1.4 Fail	1.8 Fail
1.3 Fail	1.1 Fail	—	1.2 Fail	1.5 Fail
1.6 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
2.0 Fail	1.8 Fail	1.5 Fail	1.2 Fail	—

White BG

1.2Fail

1.3Fail

1.5Fail

1.9Fail

2.4Fail

Black BG

17.8AAA

15.7AAA

13.7AAA

11.0AAA

8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1E7

EBEBB8

DAD99D

BFBF9C

A6A69F

Deuteranopia

F2F3E7

EDEFBB

DADBA1

BFBF9F

A5A5A0

Tritanopia

F6E7E7

F6C1C3

DFAAAD

BFA4A6

A2A2A3

Achromatopsia

EDEDED

DEDEDE

CECECE

B9B9B9

A6A6A6

Shades & Tints Shades & Tints

#F7E9E6

Dark

Light

#F7DBAD

Dark

Light

#E0D18D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7e9e6;
  --color-2: #f7dbad;
  --color-3: #e0d18d;
  --color-4: #bfbe91;
  --color-5: #a2ab9b;
}

SCSS

$color-1: #f7e9e6;
$color-2: #f7dbad;
$color-3: #e0d18d;
$color-4: #bfbe91;
$color-5: #a2ab9b;

TAILWIND

colors: {
  'brand-1': '#f7e9e6',
  'brand-2': '#f7dbad',
  'brand-3': '#e0d18d',
  'brand-4': '#bfbe91',
  'brand-5': '#a2ab9b',
}

RGB Array

[247, 233, 230], [247, 219, 173], [224, 209, 141], [191, 190, 145], [162, 171, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7E9E6, #F7DBAD, #E0D18D, #BFBE91, #A2AB9B 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: #f7e9e6; --color-2: #f7dbad; --color-3: #e0d18d; --color-4: #bfbe91; --color-5: #a2ab9b. 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