#F6F6F6 + #FAE5D2 + #F8CE9E + #F5696C + #E0D5B9 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#F6F6F6

Moonlight White · Snow · Cloud White

HEX

#F6F6F6

RGB

rgb(246, 246, 246)

HSL

hsl(0, 0%, 96%)

HSB

hsb(0, 0%, 96%)

CMYK

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

Oklch

oklch(97.3% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#FAE5D2

Apricot · Bisque · Peach Orange

HEX

#FAE5D2

RGB

rgb(250, 229, 210)

HSL

hsl(29, 80%, 90%)

HSB

hsb(29, 16%, 98%)

CMYK

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

Oklch

oklch(93.4% 0.034 64.6)

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

#F8CE9E

Goose Yellow · Wheat · Peach Orange

HEX

#F8CE9E

RGB

rgb(248, 206, 158)

HSL

hsl(32, 87%, 80%)

HSB

hsb(32, 36%, 97%)

CMYK

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

Oklch

oklch(87.6% 0.078 70.3)

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

#F5696C

Peach Pink · Salmon · Coral Red

HEX

#F5696C

RGB

rgb(245, 105, 108)

HSL

hsl(359, 88%, 69%)

HSB

hsb(359, 57%, 96%)

CMYK

cmyk(0%, 57%, 56%, 4%)

Oklch

oklch(69.5% 0.172 21.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E0D5B9

Goose Yellow · Wheat · Lemon Cream

HEX

#E0D5B9

RGB

rgb(224, 213, 185)

HSL

hsl(43, 39%, 80%)

HSB

hsb(43, 17%, 88%)

CMYK

cmyk(0%, 5%, 17%, 12%)

Oklch

oklch(87.5% 0.039 89.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6F6F6

F5F5F5

Analogous

F5F5F5

F6F6F6

F5F5F5

Triadic

F6F6F6

F5F5F5

Split-Comp.

F6F6F6

F5F5F5

Tetradic

F6F6F6

F5F5F5

Contrast Matrix WCAG 2.1 Contrast

F6F6F6	FAE5D2	F8CE9E	F5696C	E0D5B9
—	1.1 Fail	1.4 Fail	2.7 Fail	1.4 Fail
1.1 Fail	—	1.2 Fail	2.4 Fail	1.2 Fail
1.4 Fail	1.2 Fail	—	2.0 Fail	1.0 Fail
2.7 Fail	2.4 Fail	2.0 Fail	—	2.0 Fail
1.4 Fail	1.2 Fail	1.0 Fail	2.0 Fail	—

White BG

1.1Fail

1.2Fail

1.5Fail

2.9Fail

1.5Fail

Black BG

19.4AAA

17.2AAA

14.3AAA

7.1AAA

14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6F6

F1F1D7

E6E5AA

B8B76B

DBDBC0

Deuteranopia

F6F6F6

F2F4D8

E8EBAC

C1CB6B

DCDDC1

Tritanopia

F6F6F6

F9DADB

F6B3B5

EE6B6B

DFC5C6

Achromatopsia

F6F6F6

E9E9E9

D5D5D5

939393

D5D5D5

Shades & Tints Shades & Tints

#F6F6F6

Dark

Light

#FAE5D2

Dark

Light

#F8CE9E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6f6f6;
  --color-2: #fae5d2;
  --color-3: #f8ce9e;
  --color-4: #f5696c;
  --color-5: #e0d5b9;
}

SCSS

$color-1: #f6f6f6;
$color-2: #fae5d2;
$color-3: #f8ce9e;
$color-4: #f5696c;
$color-5: #e0d5b9;

TAILWIND

colors: {
  'brand-1': '#f6f6f6',
  'brand-2': '#fae5d2',
  'brand-3': '#f8ce9e',
  'brand-4': '#f5696c',
  'brand-5': '#e0d5b9',
}

RGB Array

[246, 246, 246], [250, 229, 210], [248, 206, 158], [245, 105, 108], [224, 213, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #F6F6F6, #FAE5D2, #F8CE9E, #F5696C, #E0D5B9 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: #f6f6f6; --color-2: #fae5d2; --color-3: #f8ce9e; --color-4: #f5696c; --color-5: #e0d5b9. 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