← Back to Editor

#FFC9C9 · #F0ADAD · #97E6D7 · #C6EFF5 · #7CC4A2

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile App

Color Details Color Details

#FFC9C9

Peach Pink · Pink · Cherry Blossom

HEX
#FFC9C9
RGB
rgb(255, 201, 201)
HSL
hsl(0, 100%, 89%)
HSB
hsb(0, 21%, 100%)
CMYK
cmyk(0%, 21%, 21%, 0%)
Oklch
oklch(88.3% 0.062 18.4)

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

#F0ADAD

Peach Pink · LightPink · Cherry Blossom

HEX
#F0ADAD
RGB
rgb(240, 173, 173)
HSL
hsl(0, 69%, 81%)
HSB
hsb(0, 28%, 94%)
CMYK
cmyk(0%, 28%, 28%, 6%)
Oklch
oklch(81.1% 0.079 18.9)

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

#97E6D7

Jade · LightBlue · Lake Green

HEX
#97E6D7
RGB
rgb(151, 230, 215)
HSL
hsl(169, 61%, 75%)
HSB
hsb(169, 34%, 90%)
CMYK
cmyk(34%, 0%, 7%, 10%)
Oklch
oklch(87.0% 0.081 181.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#C6EFF5

Sky Blue · Lavender · Glacier Blue

HEX
#C6EFF5
RGB
rgb(198, 239, 245)
HSL
hsl(188, 70%, 87%)
HSB
hsb(188, 19%, 96%)
CMYK
cmyk(19%, 2%, 0%, 4%)
Oklch
oklch(92.5% 0.043 207.3)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#7CC4A2

Jade · MediumAquaMarine · Apple Green

HEX
#7CC4A2
RGB
rgb(124, 196, 162)
HSL
hsl(152, 38%, 63%)
HSB
hsb(152, 37%, 77%)
CMYK
cmyk(37%, 0%, 17%, 23%)
Oklch
oklch(76.3% 0.088 162.9)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFC9C9
C7FFFF

Analogous

FFC7E3
FFC9C9
FFE3C7

Triadic

FFC9C9
C7FFC7
C7C7FF

Split-Comp.

FFC9C9
C7FFE3
C7E3FF

Tetradic

FFC9C9
E3FFC7
C7FFFF
E3C7FF

Contrast Matrix WCAG 2.1 Contrast

FFC9C9
F0ADAD
97E6D7
C6EFF5
7CC4A2
—
1.3
Fail
1.0
Fail
1.2
Fail
1.4
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
1.1
Fail
1.0
Fail
1.3
Fail
—
1.2
Fail
1.4
Fail
1.2
Fail
1.5
Fail
1.2
Fail
—
1.7
Fail
1.4
Fail
1.1
Fail
1.4
Fail
1.7
Fail
—
White BG
1.5Fail
1.9Fail
1.4Fail
1.2Fail
2.0Fail
Black BG
14.5AAA
11.3AAA
14.6AAA
17.1AAA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E7C9
D3D2AD
B9BADB
D8D8F4
9B9CAA

Deuteranopia

EBEFC9
D7DCAD
B5AFDC
D5D2F3
9792AC

Tritanopia

FCC9C9
EDADAD
9BDDDE
C8F2F2
80B1B2

Achromatopsia

D9D9D9
C1C1C1
CDCDCD
E3E3E3
ABABAB

Shades & Tints Shades & Tints

#FFC9C9

Dark
Light

#F0ADAD

Dark
Light

#97E6D7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffc9c9;
  --color-2: #f0adad;
  --color-3: #97e6d7;
  --color-4: #c6eff5;
  --color-5: #7cc4a2;
}

SCSS

$color-1: #ffc9c9;
$color-2: #f0adad;
$color-3: #97e6d7;
$color-4: #c6eff5;
$color-5: #7cc4a2;

TAILWIND

colors: {
  'brand-1': '#ffc9c9',
  'brand-2': '#f0adad',
  'brand-3': '#97e6d7',
  'brand-4': '#c6eff5',
  'brand-5': '#7cc4a2',
}

RGB Array

[255, 201, 201], [240, 173, 173], [151, 230, 215], [198, 239, 245], [124, 196, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #FFC9C9, #F0ADAD, #97E6D7, #C6EFF5, #7CC4A2 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: #ffc9c9; --color-2: #f0adad; --color-3: #97e6d7; --color-4: #c6eff5; --color-5: #7cc4a2. 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