← Back to Editor

#CEEBB2 · #CCD184 · #E1A966 · #F07D7D · #D95F82

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

#CEEBB2

Emerald · LightGray · Mint Green

HEX
#CEEBB2
RGB
rgb(206, 235, 178)
HSL
hsl(91, 59%, 81%)
HSB
hsb(91, 24%, 92%)
CMYK
cmyk(12%, 0%, 24%, 8%)
Oklch
oklch(90.5% 0.081 129.8)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#CCD184

Fresh Green · Tan · Sunflower

HEX
#CCD184
RGB
rgb(204, 209, 132)
HSL
hsl(64, 46%, 67%)
HSB
hsb(64, 37%, 82%)
CMYK
cmyk(2%, 0%, 37%, 18%)
Oklch
oklch(83.9% 0.099 111.5)

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

#E1A966

Ginger · SandyBrown · Warm Sun

HEX
#E1A966
RGB
rgb(225, 169, 102)
HSL
hsl(33, 67%, 64%)
HSB
hsb(33, 55%, 88%)
CMYK
cmyk(0%, 25%, 55%, 12%)
Oklch
oklch(77.3% 0.107 70.1)

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

#F07D7D

Peach Pink · LightCoral · Coral Red

HEX
#F07D7D
RGB
rgb(240, 125, 125)
HSL
hsl(0, 79%, 72%)
HSB
hsb(0, 48%, 94%)
CMYK
cmyk(0%, 48%, 48%, 6%)
Oklch
oklch(71.9% 0.142 21.2)

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

#D95F82

Rouge · LightCoral · Rose Pink

HEX
#D95F82
RGB
rgb(217, 95, 130)
HSL
hsl(343, 62%, 61%)
HSB
hsb(343, 56%, 85%)
CMYK
cmyk(0%, 56%, 40%, 15%)
Oklch
oklch(64.6% 0.156 4.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEEBB2
D0B2EB

Analogous

EAEBB2
CEEBB2
B2EBB3

Triadic

CEEBB2
B2CEEB
EBB2CE

Split-Comp.

CEEBB2
B3B2EB
EBB2EA

Tetradic

CEEBB2
B2EAEB
D0B2EB
EBB3B2

Contrast Matrix WCAG 2.1 Contrast

CEEBB2
CCD184
E1A966
F07D7D
D95F82
—
1.2
Fail
1.6
Fail
2.0
Fail
2.7
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
2.2
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
1.7
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
2.7
Fail
2.2
Fail
1.7
Fail
1.3
Fail
—
White BG
1.3Fail
1.6Fail
2.1Fail
2.6Fail
3.6AA Large
Black BG
16.2AAA
13.0AAA
10.1AAA
7.9AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBC0
CECE97
C9C876
BEBD7D
A4A37A

Deuteranopia

D9D7C3
CECD9B
CCD07A
C5CE7D
ABB478

Tritanopia

CFCBCD
CCA5A9
DE8386
EA7D7D
D37371

Achromatopsia

DCDCDC
C7C7C7
B2B2B2
9F9F9F
878787

Shades & Tints Shades & Tints

#CEEBB2

Dark
Light

#CCD184

Dark
Light

#E1A966

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ceebb2;
  --color-2: #ccd184;
  --color-3: #e1a966;
  --color-4: #f07d7d;
  --color-5: #d95f82;
}

SCSS

$color-1: #ceebb2;
$color-2: #ccd184;
$color-3: #e1a966;
$color-4: #f07d7d;
$color-5: #d95f82;

TAILWIND

colors: {
  'brand-1': '#ceebb2',
  'brand-2': '#ccd184',
  'brand-3': '#e1a966',
  'brand-4': '#f07d7d',
  'brand-5': '#d95f82',
}

RGB Array

[206, 235, 178], [204, 209, 132], [225, 169, 102], [240, 125, 125], [217, 95, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #CEEBB2, #CCD184, #E1A966, #F07D7D, #D95F82 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: #ceebb2; --color-2: #ccd184; --color-3: #e1a966; --color-4: #f07d7d; --color-5: #d95f82. 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