← Back to Editor

#F9B97D · #FCF2DB · #EDBCB8 · #E08A8C · #C06081

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile App

Color Details Color Details

#F9B97D

Apricot · LightSalmon · Warm Sun

HEX
#F9B97D
RGB
rgb(249, 185, 125)
HSL
hsl(29, 91%, 73%)
HSB
hsb(29, 50%, 98%)
CMYK
cmyk(0%, 26%, 50%, 2%)
Oklch
oklch(83.2% 0.106 63.7)

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

#FCF2DB

Goose Yellow · Beige · Lemon Cream

HEX
#FCF2DB
RGB
rgb(252, 242, 219)
HSL
hsl(42, 85%, 92%)
HSB
hsb(42, 13%, 99%)
CMYK
cmyk(0%, 4%, 13%, 1%)
Oklch
oklch(96.3% 0.032 87.3)

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

#EDBCB8

Peach Pink · LightPink · Cherry Blossom

HEX
#EDBCB8
RGB
rgb(237, 188, 184)
HSL
hsl(5, 60%, 83%)
HSB
hsb(5, 22%, 93%)
CMYK
cmyk(0%, 21%, 22%, 7%)
Oklch
oklch(83.8% 0.057 23.8)

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

#E08A8C

Peach Pink · LightCoral · Coral Red

HEX
#E08A8C
RGB
rgb(224, 138, 140)
HSL
hsl(359, 58%, 71%)
HSB
hsb(359, 38%, 88%)
CMYK
cmyk(0%, 38%, 37%, 12%)
Oklch
oklch(72.3% 0.105 18.5)

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

#C06081

Dark Violet · LightCoral · Rose Pink

HEX
#C06081
RGB
rgb(192, 96, 129)
HSL
hsl(339, 43%, 56%)
HSB
hsb(339, 50%, 75%)
CMYK
cmyk(0%, 50%, 33%, 25%)
Oklch
oklch(61.2% 0.128 359.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9B97D
7BBCF9

Analogous

F97B7E
F9B97D
F9F77B

Triadic

F9B97D
7BF9B8
B87BF9

Split-Comp.

F9B97D
7BF9F7
7B7EF9

Tetradic

F9B97D
7EF97B
7BBCF9
F77BF9

Contrast Matrix WCAG 2.1 Contrast

F9B97D
FCF2DB
EDBCB8
E08A8C
C06081
—
1.5
Fail
1.0
Fail
1.5
Fail
2.3
Fail
1.5
Fail
—
1.5
Fail
2.3
Fail
3.6
AA Large
1.0
Fail
1.5
Fail
—
1.5
Fail
2.4
Fail
1.5
Fail
2.3
Fail
1.5
Fail
—
1.6
Fail
2.3
Fail
3.6
AA Large
2.4
Fail
1.6
Fail
—
White BG
1.7Fail
1.1Fail
1.7Fail
2.6Fail
4.0AA Large
Black BG
12.3AAA
18.9AAA
12.5AAA
8.2AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDD8C
F8F8E1
D8D7B9
BBBA8C
969679

Deuteranopia

E1E68F
F8F9E2
DBDEB9
C0C68B
9CA377

Tritanopia

F6979A
FBE5E6
EBBABA
DC8B8B
BB7371

Achromatopsia

C5C5C5
F2F2F2
CACACA
A4A4A4
808080

Shades & Tints Shades & Tints

#F9B97D

Dark
Light

#FCF2DB

Dark
Light

#EDBCB8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9b97d;
  --color-2: #fcf2db;
  --color-3: #edbcb8;
  --color-4: #e08a8c;
  --color-5: #c06081;
}

SCSS

$color-1: #f9b97d;
$color-2: #fcf2db;
$color-3: #edbcb8;
$color-4: #e08a8c;
$color-5: #c06081;

TAILWIND

colors: {
  'brand-1': '#f9b97d',
  'brand-2': '#fcf2db',
  'brand-3': '#edbcb8',
  'brand-4': '#e08a8c',
  'brand-5': '#c06081',
}

RGB Array

[249, 185, 125], [252, 242, 219], [237, 188, 184], [224, 138, 140], [192, 96, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #F9B97D, #FCF2DB, #EDBCB8, #E08A8C, #C06081 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: #f9b97d; --color-2: #fcf2db; --color-3: #edbcb8; --color-4: #e08a8c; --color-5: #c06081. 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