← Back to Editor

#FBDDAB · #F5AE82 · #ED8471 · #E15860 · #A54C5E

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

#FBDDAB

Goose Yellow · Wheat · Peach Orange

HEX
#FBDDAB
RGB
rgb(251, 221, 171)
HSL
hsl(38, 91%, 83%)
HSB
hsb(38, 32%, 98%)
CMYK
cmyk(0%, 12%, 32%, 2%)
Oklch
oklch(91.1% 0.073 80.3)

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

#F5AE82

Apricot · LightSalmon · Warm Sun

HEX
#F5AE82
RGB
rgb(245, 174, 130)
HSL
hsl(23, 85%, 74%)
HSB
hsb(23, 47%, 96%)
CMYK
cmyk(0%, 29%, 47%, 4%)
Oklch
oklch(80.8% 0.102 52.6)

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

#ED8471

Peach Pink · Salmon · Coral Red

HEX
#ED8471
RGB
rgb(237, 132, 113)
HSL
hsl(9, 78%, 69%)
HSB
hsb(9, 52%, 93%)
CMYK
cmyk(0%, 44%, 52%, 7%)
Oklch
oklch(72.4% 0.133 31.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E15860

Peach Pink · Tomato · Coral Red

HEX
#E15860
RGB
rgb(225, 88, 96)
HSL
hsl(356, 70%, 61%)
HSB
hsb(356, 61%, 88%)
CMYK
cmyk(0%, 61%, 57%, 12%)
Oklch
oklch(64.1% 0.171 19.9)

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

#A54C5E

Crimson · Sienna · Passion Red

HEX
#A54C5E
RGB
rgb(165, 76, 94)
HSL
hsl(348, 37%, 47%)
HSB
hsb(348, 54%, 65%)
CMYK
cmyk(0%, 54%, 43%, 35%)
Oklch
oklch(53.4% 0.118 9.3)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBDDAB
ACC9FB

Analogous

FBB7AC
FBDDAB
F1FBAC

Triadic

FBDDAB
ACFBDE
DEACFB

Split-Comp.

FBDDAB
ACF1FB
B7ACFB

Tetradic

FBDDAB
ACFBB7
ACC9FB
FBACF1

Contrast Matrix WCAG 2.1 Contrast

FBDDAB
F5AE82
ED8471
E15860
A54C5E
—
1.4
Fail
2.0
Fail
2.8
Fail
4.2
AA Large
1.4
Fail
—
1.4
Fail
2.0
Fail
3.0
Fail
2.0
Fail
1.4
Fail
—
1.4
Fail
2.1
Fail
2.8
Fail
2.0
Fail
1.4
Fail
—
1.5
Fail
4.2
AA Large
3.0
Fail
2.1
Fail
1.5
Fail
—
White BG
1.3Fail
1.9Fail
2.6Fail
3.6AA Large
5.5AA
Black BG
16.0AAA
11.3AAA
8.1AAA
5.8AA
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEB7
D6D68D
C0BF76
A6A45E
7E7E5A

Deuteranopia

F0F2BA
DAE08F
C6CD77
AEB85E
848A59

Tritanopia

FAC1C3
F19597
E8797A
DA5D5C
A15655

Achromatopsia

E0E0E0
BEBEBE
A1A1A1
828282
696969

Shades & Tints Shades & Tints

#FBDDAB

Dark
Light

#F5AE82

Dark
Light

#ED8471

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbddab;
  --color-2: #f5ae82;
  --color-3: #ed8471;
  --color-4: #e15860;
  --color-5: #a54c5e;
}

SCSS

$color-1: #fbddab;
$color-2: #f5ae82;
$color-3: #ed8471;
$color-4: #e15860;
$color-5: #a54c5e;

TAILWIND

colors: {
  'brand-1': '#fbddab',
  'brand-2': '#f5ae82',
  'brand-3': '#ed8471',
  'brand-4': '#e15860',
  'brand-5': '#a54c5e',
}

RGB Array

[251, 221, 171], [245, 174, 130], [237, 132, 113], [225, 88, 96], [165, 76, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #FBDDAB, #F5AE82, #ED8471, #E15860, #A54C5E 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: #fbddab; --color-2: #f5ae82; --color-3: #ed8471; --color-4: #e15860; --color-5: #a54c5e. 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