← Back to Editor

#FFA3A9 · #FFBEAF · #FFD2B0 · #FFE6B0 · #FFFBBF

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

#FFA3A9

Peach Pink · LightPink · Cherry Blossom

HEX
#FFA3A9
RGB
rgb(255, 163, 169)
HSL
hsl(356, 100%, 82%)
HSB
hsb(356, 36%, 100%)
CMYK
cmyk(0%, 36%, 34%, 0%)
Oklch
oklch(80.9% 0.109 15.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FFBEAF

Peach Pink · LightPink · Cherry Blossom

HEX
#FFBEAF
RGB
rgb(255, 190, 175)
HSL
hsl(11, 100%, 84%)
HSB
hsb(11, 31%, 100%)
CMYK
cmyk(0%, 25%, 31%, 0%)
Oklch
oklch(85.7% 0.078 33.3)

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

#FFD2B0

Apricot · Wheat · Peach Orange

HEX
#FFD2B0
RGB
rgb(255, 210, 176)
HSL
hsl(26, 100%, 85%)
HSB
hsb(26, 31%, 100%)
CMYK
cmyk(0%, 18%, 31%, 0%)
Oklch
oklch(89.4% 0.068 58.8)

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

#FFE6B0

Goose Yellow · Wheat · Lemon Cream

HEX
#FFE6B0
RGB
rgb(255, 230, 176)
HSL
hsl(41, 100%, 85%)
HSB
hsb(41, 31%, 100%)
CMYK
cmyk(0%, 10%, 31%, 0%)
Oklch
oklch(93.3% 0.074 86.0)

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

#FFFBBF

Fresh Green · Bisque · Lemon Cream

HEX
#FFFBBF
RGB
rgb(255, 251, 191)
HSL
hsl(56, 100%, 87%)
HSB
hsb(56, 25%, 100%)
CMYK
cmyk(0%, 2%, 25%, 0%)
Oklch
oklch(97.7% 0.077 104.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFA3A9
A3FFF9

Analogous

FFA3D7
FFA3A9
FFCBA3

Triadic

FFA3A9
A9FFA3
A3A9FF

Split-Comp.

FFA3A9
A3FFCB
A3D7FF

Tetradic

FFA3A9
D7FFA3
A3FFF9
CBA3FF

Contrast Matrix WCAG 2.1 Contrast

FFA3A9
FFBEAF
FFD2B0
FFE6B0
FFFBBF
—
1.2
Fail
1.4
Fail
1.6
Fail
1.8
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.8
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
White BG
1.9Fail
1.6Fail
1.4Fail
1.2Fail
1.1Fail
Black BG
11.1AAA
13.2AAA
15.1AAA
17.2AAA
19.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D6A8
E3E2B3
ECEBB8
F4F4BD
FDFDCE

Deuteranopia

DDE3A7
E7ECB4
EEF2BA
F6F8C0
FEFED1

Tritanopia

FAA6A6
FCB5B6
FDBFC0
FEC7CA
FFD9DC

Achromatopsia

BFBFBF
D0D0D0
DCDCDC
E7E7E7
F5F5F5

Shades & Tints Shades & Tints

#FFA3A9

Dark
Light

#FFBEAF

Dark
Light

#FFD2B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffa3a9;
  --color-2: #ffbeaf;
  --color-3: #ffd2b0;
  --color-4: #ffe6b0;
  --color-5: #fffbbf;
}

SCSS

$color-1: #ffa3a9;
$color-2: #ffbeaf;
$color-3: #ffd2b0;
$color-4: #ffe6b0;
$color-5: #fffbbf;

TAILWIND

colors: {
  'brand-1': '#ffa3a9',
  'brand-2': '#ffbeaf',
  'brand-3': '#ffd2b0',
  'brand-4': '#ffe6b0',
  'brand-5': '#fffbbf',
}

RGB Array

[255, 163, 169], [255, 190, 175], [255, 210, 176], [255, 230, 176], [255, 251, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #FFA3A9, #FFBEAF, #FFD2B0, #FFE6B0, #FFFBBF 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: #ffa3a9; --color-2: #ffbeaf; --color-3: #ffd2b0; --color-4: #ffe6b0; --color-5: #fffbbf. 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