#E08992 + #F0BAAE + #F7D8C3 + #F6F0CE + #A7C5C5 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#E08992

Peach Pink · LightCoral · Coral Red

HEX

#E08992

RGB

rgb(224, 137, 146)

HSL

hsl(354, 58%, 71%)

HSB

hsb(354, 39%, 88%)

CMYK

cmyk(0%, 39%, 35%, 12%)

Oklch

oklch(72.3% 0.107 13.4)

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

#F0BAAE

Peach Pink · LightPink · Cherry Blossom

HEX

#F0BAAE

RGB

rgb(240, 186, 174)

HSL

hsl(11, 69%, 81%)

HSB

hsb(11, 27%, 94%)

CMYK

cmyk(0%, 23%, 27%, 6%)

Oklch

oklch(83.4% 0.065 32.8)

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

#F7D8C3

Apricot · Bisque · Peach Orange

HEX

#F7D8C3

RGB

rgb(247, 216, 195)

HSL

hsl(24, 76%, 87%)

HSB

hsb(24, 21%, 97%)

CMYK

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

Oklch

oklch(90.3% 0.045 56.2)

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

#F6F0CE

Fresh Green · Beige · Lemon Cream

HEX

#F6F0CE

RGB

rgb(246, 240, 206)

HSL

hsl(51, 69%, 89%)

HSB

hsb(51, 16%, 96%)

CMYK

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

Oklch

oklch(95.1% 0.045 98.9)

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

#A7C5C5

Sky Blue · Silver · Lake Green

HEX

#A7C5C5

RGB

rgb(167, 197, 197)

HSL

hsl(180, 21%, 71%)

HSB

hsb(180, 15%, 77%)

CMYK

cmyk(15%, 0%, 0%, 23%)

Oklch

oklch(80.1% 0.032 196.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E08992

8AE0D7

Analogous

E08ABE

E08992

E0AC8A

Triadic

E08992

93E08A

8A93E0

Split-Comp.

E08992

8AE0AC

8ABEE0

Tetradic

E08992

BEE08A

8AE0D7

AC8AE0

Contrast Matrix WCAG 2.1 Contrast

E08992	F0BAAE	F7D8C3	F6F0CE	A7C5C5
—	1.5 Fail	1.9 Fail	2.2 Fail	1.4 Fail
1.5 Fail	—	1.3 Fail	1.5 Fail	1.1 Fail
1.9 Fail	1.3 Fail	—	1.2 Fail	1.4 Fail
2.2 Fail	1.5 Fail	1.2 Fail	—	1.6 Fail
1.4 Fail	1.1 Fail	1.4 Fail	1.6 Fail	—

White BG

2.6Fail

1.7Fail

1.3Fail

1.1Fail

1.8Fail

Black BG

8.2AAA

12.3AAA

15.6AAA

18.3AAA

11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABA90

D9D8B1

EAE9C8

F3F3D6

B4B4C5

Deuteranopia

BFC68F

DCE0B2

EBEEC9

F4F4D8

B2B0C5

Tritanopia

DC8E8E

EDB3B4

F5CCCD

F6DDDE

A9C5C5

Achromatopsia

A4A4A4

C9C9C9

DFDFDF

EEEEEE

BCBCBC

Shades & Tints Shades & Tints

#E08992

Dark

Light

#F0BAAE

Dark

Light

#F7D8C3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e08992;
  --color-2: #f0baae;
  --color-3: #f7d8c3;
  --color-4: #f6f0ce;
  --color-5: #a7c5c5;
}

SCSS

$color-1: #e08992;
$color-2: #f0baae;
$color-3: #f7d8c3;
$color-4: #f6f0ce;
$color-5: #a7c5c5;

TAILWIND

colors: {
  'brand-1': '#e08992',
  'brand-2': '#f0baae',
  'brand-3': '#f7d8c3',
  'brand-4': '#f6f0ce',
  'brand-5': '#a7c5c5',
}

RGB Array

[224, 137, 146], [240, 186, 174], [247, 216, 195], [246, 240, 206], [167, 197, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #E08992, #F0BAAE, #F7D8C3, #F6F0CE, #A7C5C5 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: #e08992; --color-2: #f0baae; --color-3: #f7d8c3; --color-4: #f6f0ce; --color-5: #a7c5c5. 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