← Back to Editor

#FFEBEB · #E6B0B0 · #C76D6D · #D4E29A · #C3D47F

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

#FFEBEB

Peach Pink · Linen · Cherry Blossom

HEX
#FFEBEB
RGB
rgb(255, 235, 235)
HSL
hsl(0, 100%, 96%)
HSB
hsb(0, 8%, 100%)
CMYK
cmyk(0%, 8%, 8%, 0%)
Oklch
oklch(95.6% 0.022 17.5)

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

#E6B0B0

Peach Pink · LightPink · Coral Red

HEX
#E6B0B0
RGB
rgb(230, 176, 176)
HSL
hsl(0, 52%, 80%)
HSB
hsb(0, 23%, 90%)
CMYK
cmyk(0%, 23%, 23%, 10%)
Oklch
oklch(80.6% 0.063 18.6)

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

#C76D6D

Crimson · LightCoral · Passion Red

HEX
#C76D6D
RGB
rgb(199, 109, 109)
HSL
hsl(0, 45%, 60%)
HSB
hsb(0, 45%, 78%)
CMYK
cmyk(0%, 45%, 45%, 22%)
Oklch
oklch(63.7% 0.114 20.8)

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

#D4E29A

Willow Green · Khaki · Apple Green

HEX
#D4E29A
RGB
rgb(212, 226, 154)
HSL
hsl(72, 55%, 75%)
HSB
hsb(72, 32%, 89%)
CMYK
cmyk(6%, 0%, 32%, 11%)
Oklch
oklch(88.5% 0.094 117.3)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#C3D47F

Willow Green · Tan · Apple Green

HEX
#C3D47F
RGB
rgb(195, 212, 127)
HSL
hsl(72, 50%, 66%)
HSB
hsb(72, 40%, 83%)
CMYK
cmyk(8%, 0%, 40%, 17%)
Oklch
oklch(83.8% 0.111 118.1)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEBEB
EBFFFF

Analogous

FFEBF5
FFEBEB
FFF5EB

Triadic

FFEBEB
EBFFEB
EBEBFF

Split-Comp.

FFEBEB
EBFFF5
EBF5FF

Tetradic

FFEBEB
F5FFEB
EBFFFF
F5EBFF

Contrast Matrix WCAG 2.1 Contrast

FFEBEB
E6B0B0
C76D6D
D4E29A
C3D47F
—
1.6
Fail
3.1
AA Large
1.2
Fail
1.4
Fail
1.6
Fail
—
1.9
Fail
1.4
Fail
1.2
Fail
3.1
AA Large
1.9
Fail
—
2.6
Fail
2.2
Fail
1.2
Fail
1.4
Fail
2.6
Fail
—
1.2
Fail
1.4
Fail
1.2
Fail
2.2
Fail
1.2
Fail
—
White BG
1.1Fail
1.9Fail
3.6AA Large
1.4Fail
1.6Fail
Black BG
18.3AAA
11.2AAA
5.8AA
15.1AAA
13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6EB
CFCEB0
A09F6D
DADAAB
CACB94

Deuteranopia

F8F9EB
D2D6B0
A5AC6D
D9D8B0
C9C899

Tritanopia

FEEBEB
E3B0B0
C26D6D
D5B9BC
C4A4A7

Achromatopsia

F1F1F1
C0C0C0
888888
D6D6D6
C5C5C5

Shades & Tints Shades & Tints

#FFEBEB

Dark
Light

#E6B0B0

Dark
Light

#C76D6D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffebeb;
  --color-2: #e6b0b0;
  --color-3: #c76d6d;
  --color-4: #d4e29a;
  --color-5: #c3d47f;
}

SCSS

$color-1: #ffebeb;
$color-2: #e6b0b0;
$color-3: #c76d6d;
$color-4: #d4e29a;
$color-5: #c3d47f;

TAILWIND

colors: {
  'brand-1': '#ffebeb',
  'brand-2': '#e6b0b0',
  'brand-3': '#c76d6d',
  'brand-4': '#d4e29a',
  'brand-5': '#c3d47f',
}

RGB Array

[255, 235, 235], [230, 176, 176], [199, 109, 109], [212, 226, 154], [195, 212, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #FFEBEB, #E6B0B0, #C76D6D, #D4E29A, #C3D47F 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: #ffebeb; --color-2: #e6b0b0; --color-3: #c76d6d; --color-4: #d4e29a; --color-5: #c3d47f. 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