#FBF6D6 + #FBDFB0 + #DFB891 + #93BA9F + #9A9F89 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FBF6D6

Fresh Green · Beige · Lemon Cream

HEX

#FBF6D6

RGB

rgb(251, 246, 214)

HSL

hsl(52, 82%, 91%)

HSB

hsb(52, 15%, 98%)

CMYK

cmyk(0%, 2%, 15%, 2%)

Oklch

oklch(96.9% 0.042 99.8)

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

#FBDFB0

Goose Yellow · Wheat · Peach Orange

HEX

#FBDFB0

RGB

rgb(251, 223, 176)

HSL

hsl(38, 90%, 84%)

HSB

hsb(38, 30%, 98%)

CMYK

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

Oklch

oklch(91.5% 0.068 80.5)

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

#DFB891

Goose Yellow · BurlyWood · Warm Sun

HEX

#DFB891

RGB

rgb(223, 184, 145)

HSL

hsl(30, 55%, 72%)

HSB

hsb(30, 35%, 87%)

CMYK

cmyk(0%, 17%, 35%, 13%)

Oklch

oklch(80.7% 0.069 66.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#93BA9F

Celadon · DarkSeaGreen · Apple Green

HEX

#93BA9F

RGB

rgb(147, 186, 159)

HSL

hsl(138, 22%, 65%)

HSB

hsb(138, 21%, 73%)

CMYK

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

Oklch

oklch(75.3% 0.057 154.6)

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

#9A9F89

Grass Green · DarkSeaGreen · Olive Green

HEX

#9A9F89

RGB

rgb(154, 159, 137)

HSL

hsl(74, 10%, 58%)

HSB

hsb(74, 14%, 62%)

CMYK

cmyk(3%, 0%, 14%, 38%)

Oklch

oklch(69.2% 0.032 117.6)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBF6D6

D5DAFB

Analogous

FBE3D5

FBF6D6

EDFBD5

Triadic

FBF6D6

D5FBF6

F6D5FB

Split-Comp.

FBF6D6

D5EDFB

E3D5FB

Tetradic

FBF6D6

D5FBE3

D5DAFB

FBD5ED

Contrast Matrix WCAG 2.1 Contrast

FBF6D6	FBDFB0	DFB891	93BA9F	9A9F89
—	1.2 Fail	1.7 Fail	2.0 Fail	2.5 Fail
1.2 Fail	—	1.4 Fail	1.7 Fail	2.1 Fail
1.7 Fail	1.4 Fail	—	1.2 Fail	1.5 Fail
2.0 Fail	1.7 Fail	1.2 Fail	—	1.3 Fail
2.5 Fail	2.1 Fail	1.5 Fail	1.3 Fail	—

White BG

1.1Fail

1.3Fail

1.8Fail

2.2Fail

2.7Fail

Black BG

19.3AAA

16.3AAA

11.4AAA

9.8AAA

7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9DE

EFEFBB

CECE9A

A4A4A6

9C9C8E

Deuteranopia

F9FAE0

F1F3BE

D0D39D

A29FA7

9C9C90

Tritanopia

FBE4E5

FAC4C6

DDA2A4

95ABAC

9A9393

Achromatopsia

F4F4F4

E2E2E2

BFBFBF

ABABAB

9B9B9B

Shades & Tints Shades & Tints

#FBF6D6

Dark

Light

#FBDFB0

Dark

Light

#DFB891

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbf6d6;
  --color-2: #fbdfb0;
  --color-3: #dfb891;
  --color-4: #93ba9f;
  --color-5: #9a9f89;
}

SCSS

$color-1: #fbf6d6;
$color-2: #fbdfb0;
$color-3: #dfb891;
$color-4: #93ba9f;
$color-5: #9a9f89;

TAILWIND

colors: {
  'brand-1': '#fbf6d6',
  'brand-2': '#fbdfb0',
  'brand-3': '#dfb891',
  'brand-4': '#93ba9f',
  'brand-5': '#9a9f89',
}

RGB Array

[251, 246, 214], [251, 223, 176], [223, 184, 145], [147, 186, 159], [154, 159, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBF6D6, #FBDFB0, #DFB891, #93BA9F, #9A9F89 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: #fbf6d6; --color-2: #fbdfb0; --color-3: #dfb891; --color-4: #93ba9f; --color-5: #9a9f89. 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