← Back to Editor

#FFD9EC · #EACD89 · #F5985F · #F87390 · #7AA7AA

nature

A 5-color nature palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile App

Color Details Color Details

#FFD9EC

Rouge · Linen · Cherry Blossom

HEX
#FFD9EC
RGB
rgb(255, 217, 236)
HSL
hsl(330, 100%, 93%)
HSB
hsb(330, 15%, 100%)
CMYK
cmyk(0%, 15%, 7%, 0%)
Oklch
oklch(92.3% 0.049 346.5)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#EACD89

Goose Yellow · BurlyWood · Sunflower

HEX
#EACD89
RGB
rgb(234, 205, 137)
HSL
hsl(42, 70%, 73%)
HSB
hsb(42, 41%, 92%)
CMYK
cmyk(0%, 12%, 41%, 8%)
Oklch
oklch(85.8% 0.092 87.3)

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

#F5985F

Apricot · SandyBrown · Warm Sun

HEX
#F5985F
RGB
rgb(245, 152, 95)
HSL
hsl(23, 88%, 67%)
HSB
hsb(23, 61%, 96%)
CMYK
cmyk(0%, 38%, 61%, 4%)
Oklch
oklch(76.4% 0.133 51.1)

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

#F87390

Peach Pink · LightCoral · Coral Red

HEX
#F87390
RGB
rgb(248, 115, 144)
HSL
hsl(347, 90%, 71%)
HSB
hsb(347, 54%, 97%)
CMYK
cmyk(0%, 54%, 42%, 3%)
Oklch
oklch(72.0% 0.164 8.5)

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

#7AA7AA

Slate Blue · CadetBlue · Lake Green

HEX
#7AA7AA
RGB
rgb(122, 167, 170)
HSL
hsl(184, 22%, 57%)
HSB
hsb(184, 28%, 67%)
CMYK
cmyk(28%, 2%, 0%, 33%)
Oklch
oklch(69.7% 0.048 201.3)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD9EC
DBFFED

Analogous

FFDBFF
FFD9EC
FFDBDB

Triadic

FFD9EC
EDFFDB
DBEDFF

Split-Comp.

FFD9EC
DBFFDB
DBFFFF

Tetradic

FFD9EC
FFFFDB
DBFFED
DBDBFF

Contrast Matrix WCAG 2.1 Contrast

FFD9EC
EACD89
F5985F
F87390
7AA7AA
—
1.2
Fail
1.7
Fail
2.1
Fail
2.1
Fail
1.2
Fail
—
1.4
Fail
1.7
Fail
1.7
Fail
1.7
Fail
1.4
Fail
—
1.2
Fail
1.2
Fail
2.1
Fail
1.7
Fail
1.2
Fail
—
1.0
Fail
2.1
Fail
1.7
Fail
1.2
Fail
1.0
Fail
—
White BG
1.3Fail
1.5Fail
2.2Fail
2.7Fail
2.6Fail
Black BG
16.4AAA
13.6AAA
9.5AAA
7.8AAA
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEEE7
DDDD99
CDCC6D
BEBD89
8D8EA9

Deuteranopia

F1F4E6
DFE19D
D2D970
C6D087
8B88A9

Tritanopia

FDE4E3
E9A6A9
F0787A
F18382
7CA9A9

Achromatopsia

E7E7E7
CECECE
ADADAD
9E9E9E
9A9A9A

Shades & Tints Shades & Tints

#FFD9EC

Dark
Light

#EACD89

Dark
Light

#F5985F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd9ec;
  --color-2: #eacd89;
  --color-3: #f5985f;
  --color-4: #f87390;
  --color-5: #7aa7aa;
}

SCSS

$color-1: #ffd9ec;
$color-2: #eacd89;
$color-3: #f5985f;
$color-4: #f87390;
$color-5: #7aa7aa;

TAILWIND

colors: {
  'brand-1': '#ffd9ec',
  'brand-2': '#eacd89',
  'brand-3': '#f5985f',
  'brand-4': '#f87390',
  'brand-5': '#7aa7aa',
}

RGB Array

[255, 217, 236], [234, 205, 137], [245, 152, 95], [248, 115, 144], [122, 167, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #FFD9EC, #EACD89, #F5985F, #F87390, #7AA7AA is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ffd9ec; --color-2: #eacd89; --color-3: #f5985f; --color-4: #f87390; --color-5: #7aa7aa. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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