#F9F3D3 + #F9E4B5 + #CACDA0 + #DDD6A2 + #B6BB9B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F9F3D3

Fresh Green · Beige · Lemon Cream

HEX

#F9F3D3

RGB

rgb(249, 243, 211)

HSL

hsl(51, 76%, 90%)

HSB

hsb(51, 15%, 98%)

CMYK

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

Oklch

oklch(96.1% 0.042 98.4)

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

#F9E4B5

Goose Yellow · Wheat · Lemon Cream

HEX

#F9E4B5

RGB

rgb(249, 228, 181)

HSL

hsl(41, 85%, 84%)

HSB

hsb(41, 27%, 98%)

CMYK

cmyk(0%, 8%, 27%, 2%)

Oklch

oklch(92.4% 0.065 86.7)

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

#CACDA0

Fresh Green · Tan · Sunflower

HEX

#CACDA0

RGB

rgb(202, 205, 160)

HSL

hsl(64, 31%, 72%)

HSB

hsb(64, 22%, 80%)

CMYK

cmyk(1%, 0%, 22%, 20%)

Oklch

oklch(83.5% 0.060 110.8)

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

#DDD6A2

Fresh Green · Wheat · Sunflower

HEX

#DDD6A2

RGB

rgb(221, 214, 162)

HSL

hsl(53, 46%, 75%)

HSB

hsb(53, 27%, 87%)

CMYK

cmyk(0%, 3%, 27%, 13%)

Oklch

oklch(86.9% 0.068 101.3)

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

#B6BB9B

Fresh Green · DarkGray · Sunflower

HEX

#B6BB9B

RGB

rgb(182, 187, 155)

HSL

hsl(69, 19%, 67%)

HSB

hsb(69, 17%, 73%)

CMYK

cmyk(3%, 0%, 17%, 27%)

Oklch

oklch(78.0% 0.044 114.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9F3D3

D2D8F9

Analogous

F9E0D2

F9F3D3

EBF9D2

Triadic

F9F3D3

D2F9F3

F3D2F9

Split-Comp.

F9F3D3

D2EBF9

E0D2F9

Tetradic

F9F3D3

D2F9E0

D2D8F9

F9D2EB

Contrast Matrix WCAG 2.1 Contrast

F9F3D3	F9E4B5	CACDA0	DDD6A2	B6BB9B
—	1.1 Fail	1.5 Fail	1.3 Fail	1.8 Fail
1.1 Fail	—	1.3 Fail	1.2 Fail	1.6 Fail
1.5 Fail	1.3 Fail	—	1.1 Fail	1.2 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.3 Fail
1.8 Fail	1.6 Fail	1.2 Fail	1.3 Fail	—

White BG

1.1Fail

1.3Fail

1.6Fail

1.5Fail

2.0Fail

Black BG

18.8AAA

16.8AAA

12.8AAA

14.2AAA

10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6DB

F0F0C0

CBCBAB

DADAAF

B8B8A3

Deuteranopia

F7F7DD

F1F3C3

CBCBAE

DADBB2

B8B8A5

Tritanopia

F9E1E2

F8C9CB

CAB3B5

DDB9BB

B6A9AA

Achromatopsia

F1F1F1

E5E5E5

C7C7C7

D2D2D2

B6B6B6

Shades & Tints Shades & Tints

#F9F3D3

Dark

Light

#F9E4B5

Dark

Light

#CACDA0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9f3d3;
  --color-2: #f9e4b5;
  --color-3: #cacda0;
  --color-4: #ddd6a2;
  --color-5: #b6bb9b;
}

SCSS

$color-1: #f9f3d3;
$color-2: #f9e4b5;
$color-3: #cacda0;
$color-4: #ddd6a2;
$color-5: #b6bb9b;

TAILWIND

colors: {
  'brand-1': '#f9f3d3',
  'brand-2': '#f9e4b5',
  'brand-3': '#cacda0',
  'brand-4': '#ddd6a2',
  'brand-5': '#b6bb9b',
}

RGB Array

[249, 243, 211], [249, 228, 181], [202, 205, 160], [221, 214, 162], [182, 187, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9F3D3, #F9E4B5, #CACDA0, #DDD6A2, #B6BB9B 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: #f9f3d3; --color-2: #f9e4b5; --color-3: #cacda0; --color-4: #ddd6a2; --color-5: #b6bb9b. 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