#FADBC4 + #F5B3A9 + #BDABA2 + #CACFA0 + #E9F0B3 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#FADBC4

Apricot · Bisque · Peach Orange

HEX

#FADBC4

RGB

rgb(250, 219, 196)

HSL

hsl(26, 84%, 87%)

HSB

hsb(26, 22%, 98%)

CMYK

cmyk(0%, 12%, 22%, 2%)

Oklch

oklch(91.1% 0.046 58.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F5B3A9

Peach Pink · LightPink · Cherry Blossom

HEX

#F5B3A9

RGB

rgb(245, 179, 169)

HSL

hsl(8, 79%, 81%)

HSB

hsb(8, 31%, 96%)

CMYK

cmyk(0%, 27%, 31%, 4%)

Oklch

oklch(82.6% 0.079 28.6)

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

#BDABA2

Apricot · DarkGray · Warm Sun

HEX

#BDABA2

RGB

rgb(189, 171, 162)

HSL

hsl(20, 17%, 69%)

HSB

hsb(20, 14%, 74%)

CMYK

cmyk(0%, 10%, 14%, 26%)

Oklch

oklch(75.4% 0.025 48.4)

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

#CACFA0

Fresh Green · Tan · Sunflower

HEX

#CACFA0

RGB

rgb(202, 207, 160)

HSL

hsl(66, 33%, 72%)

HSB

hsb(66, 23%, 81%)

CMYK

cmyk(2%, 0%, 23%, 19%)

Oklch

oklch(83.9% 0.063 112.7)

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

#E9F0B3

Fresh Green · Wheat · Lemon Cream

HEX

#E9F0B3

RGB

rgb(233, 240, 179)

HSL

hsl(67, 67%, 82%)

HSB

hsb(67, 25%, 94%)

CMYK

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

Oklch

oklch(93.5% 0.079 113.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FADBC4

C2E2FA

Analogous

FAC2C6

FADBC4

FAF6C2

Triadic

FADBC4

C2FADA

DAC2FA

Split-Comp.

FADBC4

C2FAF6

C2C6FA

Tetradic

FADBC4

C6FAC2

C2E2FA

F6C2FA

Contrast Matrix WCAG 2.1 Contrast

FADBC4	F5B3A9	BDABA2	CACFA0	E9F0B3
—	1.3 Fail	1.7 Fail	1.2 Fail	1.1 Fail
1.3 Fail	—	1.3 Fail	1.1 Fail	1.5 Fail
1.7 Fail	1.3 Fail	—	1.4 Fail	1.8 Fail
1.2 Fail	1.1 Fail	1.4 Fail	—	1.4 Fail
1.1 Fail	1.5 Fail	1.8 Fail	1.4 Fail	—

White BG

1.3Fail

1.8Fail

2.2Fail

1.6Fail

1.2Fail

Black BG

16.0AAA

11.9AAA

9.5AAA

12.9AAA

17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDECCA

D8D8AB

B5B5A4

CCCCAB

ECECC2

Deuteranopia

EEF1CB

DCE1AC

B6B8A5

CCCBAE

ECEBC5

Tritanopia

F8CECF

F2ADAE

BCA6A6

CAB4B6

E9CDD0

Achromatopsia

E2E2E2

C6C6C6

AFAFAF

C8C8C8

E7E7E7

Shades & Tints Shades & Tints

#FADBC4

Dark

Light

#F5B3A9

Dark

Light

#BDABA2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fadbc4;
  --color-2: #f5b3a9;
  --color-3: #bdaba2;
  --color-4: #cacfa0;
  --color-5: #e9f0b3;
}

SCSS

$color-1: #fadbc4;
$color-2: #f5b3a9;
$color-3: #bdaba2;
$color-4: #cacfa0;
$color-5: #e9f0b3;

TAILWIND

colors: {
  'brand-1': '#fadbc4',
  'brand-2': '#f5b3a9',
  'brand-3': '#bdaba2',
  'brand-4': '#cacfa0',
  'brand-5': '#e9f0b3',
}

RGB Array

[250, 219, 196], [245, 179, 169], [189, 171, 162], [202, 207, 160], [233, 240, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #FADBC4, #F5B3A9, #BDABA2, #CACFA0, #E9F0B3 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: #fadbc4; --color-2: #f5b3a9; --color-3: #bdaba2; --color-4: #cacfa0; --color-5: #e9f0b3. 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 nature-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