#F6F5DC + #FAE0C6 + #D7D7B9 + #BBC8B5 + #A5B7AB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F6F5DC

Fresh Green · Beige · Lemon Cream

HEX

#F6F5DC

RGB

rgb(246, 245, 220)

HSL

hsl(58, 59%, 91%)

HSB

hsb(58, 11%, 96%)

CMYK

cmyk(0%, 0%, 11%, 4%)

Oklch

oklch(96.4% 0.033 105.1)

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

#FAE0C6

Goose Yellow · Bisque · Peach Orange

HEX

#FAE0C6

RGB

rgb(250, 224, 198)

HSL

hsl(30, 84%, 88%)

HSB

hsb(30, 21%, 98%)

CMYK

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

Oklch

oklch(92.1% 0.045 67.2)

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

#D7D7B9

Fresh Green · LightGray · Lemon Cream

HEX

#D7D7B9

RGB

rgb(215, 215, 185)

HSL

hsl(60, 27%, 78%)

HSB

hsb(60, 14%, 84%)

CMYK

cmyk(0%, 0%, 14%, 16%)

Oklch

oklch(87.1% 0.040 107.2)

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

#BBC8B5

Celadon · Silver · Apple Green

HEX

#BBC8B5

RGB

rgb(187, 200, 181)

HSL

hsl(101, 15%, 75%)

HSB

hsb(101, 9%, 78%)

CMYK

cmyk(7%, 0%, 9%, 22%)

Oklch

oklch(81.7% 0.030 135.6)

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

#A5B7AB

Celadon · DarkGray · Apple Green

HEX

#A5B7AB

RGB

rgb(165, 183, 171)

HSL

hsl(140, 11%, 68%)

HSB

hsb(140, 10%, 72%)

CMYK

cmyk(10%, 0%, 7%, 28%)

Oklch

oklch(76.2% 0.026 156.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6F5DC

DBDBF6

Analogous

F6E7DB

F6F5DC

E9F6DB

Triadic

F6F5DC

DBF6F5

F5DBF6

Split-Comp.

F6F5DC

DBE9F6

E7DBF6

Tetradic

F6F5DC

DBF6E7

DBDBF6

F6DBE9

Contrast Matrix WCAG 2.1 Contrast

F6F5DC	FAE0C6	D7D7B9	BBC8B5	A5B7AB
—	1.1 Fail	1.3 Fail	1.6 Fail	1.9 Fail
1.1 Fail	—	1.2 Fail	1.4 Fail	1.7 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.6 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
1.9 Fail	1.7 Fail	1.4 Fail	1.2 Fail	—

White BG

1.1Fail

1.3Fail

1.5Fail

1.7Fail

2.1Fail

Black BG

19.0AAA

16.5AAA

14.3AAA

12.0AAA

10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6E2

EFEFCC

D7D7C0

C1C1BA

ADADAE

Deuteranopia

F6F6E4

F0F2CE

D7D7C2

C0BFBB

ACAAAF

Tritanopia

F6E7E8

F9D1D2

D7C6C7

BCBDBE

A6B0B1

Achromatopsia

F2F2F2

E5E5E5

D4D4D4

C2C2C2

B0B0B0

Shades & Tints Shades & Tints

#F6F5DC

Dark

Light

#FAE0C6

Dark

Light

#D7D7B9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6f5dc;
  --color-2: #fae0c6;
  --color-3: #d7d7b9;
  --color-4: #bbc8b5;
  --color-5: #a5b7ab;
}

SCSS

$color-1: #f6f5dc;
$color-2: #fae0c6;
$color-3: #d7d7b9;
$color-4: #bbc8b5;
$color-5: #a5b7ab;

TAILWIND

colors: {
  'brand-1': '#f6f5dc',
  'brand-2': '#fae0c6',
  'brand-3': '#d7d7b9',
  'brand-4': '#bbc8b5',
  'brand-5': '#a5b7ab',
}

RGB Array

[246, 245, 220], [250, 224, 198], [215, 215, 185], [187, 200, 181], [165, 183, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6F5DC, #FAE0C6, #D7D7B9, #BBC8B5, #A5B7AB 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: #f6f5dc; --color-2: #fae0c6; --color-3: #d7d7b9; --color-4: #bbc8b5; --color-5: #a5b7ab. 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