← Back to Editor

#F27D83 · #FFB1A3 · #FFEDC8 · #F9907D · #CE7267

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

#F27D83

Peach Pink · LightCoral · Coral Red

HEX
#F27D83
RGB
rgb(242, 125, 131)
HSL
hsl(357, 82%, 72%)
HSB
hsb(357, 48%, 95%)
CMYK
cmyk(0%, 48%, 46%, 5%)
Oklch
oklch(72.3% 0.144 18.1)

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

#FFB1A3

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB1A3
RGB
rgb(255, 177, 163)
HSL
hsl(9, 100%, 82%)
HSB
hsb(9, 36%, 100%)
CMYK
cmyk(0%, 31%, 36%, 0%)
Oklch
oklch(83.1% 0.094 30.5)

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

#FFEDC8

Goose Yellow · Bisque · Lemon Cream

HEX
#FFEDC8
RGB
rgb(255, 237, 200)
HSL
hsl(40, 100%, 89%)
HSB
hsb(40, 22%, 100%)
CMYK
cmyk(0%, 7%, 22%, 0%)
Oklch
oklch(95.1% 0.052 85.1)

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

#F9907D

Peach Pink · DarkSalmon · Coral Red

HEX
#F9907D
RGB
rgb(249, 144, 125)
HSL
hsl(9, 91%, 73%)
HSB
hsb(9, 50%, 98%)
CMYK
cmyk(0%, 42%, 50%, 2%)
Oklch
oklch(76.1% 0.131 31.2)

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

#CE7267

Peach Pink · LightCoral · Coral Red

HEX
#CE7267
RGB
rgb(206, 114, 103)
HSL
hsl(6, 51%, 61%)
HSB
hsb(6, 50%, 81%)
CMYK
cmyk(0%, 45%, 50%, 19%)
Oklch
oklch(65.3% 0.118 27.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F27D83
7DF2EC

Analogous

F27DBD
F27D83
F2B27D

Triadic

F27D83
83F27D
7D83F2

Split-Comp.

F27D83
7DF2B2
7DBDF2

Tetradic

F27D83
BDF27D
7DF2EC
B27DF2

Contrast Matrix WCAG 2.1 Contrast

F27D83
FFB1A3
FFEDC8
F9907D
CE7267
—
1.5
Fail
2.3
Fail
1.2
Fail
1.3
Fail
1.5
Fail
—
1.5
Fail
1.3
Fail
1.9
Fail
2.3
Fail
1.5
Fail
—
2.0
Fail
2.9
Fail
1.2
Fail
1.3
Fail
2.0
Fail
—
1.5
Fail
1.3
Fail
1.9
Fail
2.9
Fail
1.5
Fail
—
White BG
2.6Fail
1.7Fail
1.2Fail
2.3Fail
3.4AA Large
Black BG
8.0AAA
12.1AAA
18.2AAA
9.3AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBE82
DDDDA6
F7F7D1
CCCB82
A6A56A

Deuteranopia

C6CF81
E2E8A7
F8FAD3
D2D983
ACB26A

Tritanopia

EC8080
FBA9AA
FED8DA
F48586
C96C6C

Achromatopsia

A1A1A1
C7C7C7
EEEEEE
ADADAD
8C8C8C

Shades & Tints Shades & Tints

#F27D83

Dark
Light

#FFB1A3

Dark
Light

#FFEDC8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f27d83;
  --color-2: #ffb1a3;
  --color-3: #ffedc8;
  --color-4: #f9907d;
  --color-5: #ce7267;
}

SCSS

$color-1: #f27d83;
$color-2: #ffb1a3;
$color-3: #ffedc8;
$color-4: #f9907d;
$color-5: #ce7267;

TAILWIND

colors: {
  'brand-1': '#f27d83',
  'brand-2': '#ffb1a3',
  'brand-3': '#ffedc8',
  'brand-4': '#f9907d',
  'brand-5': '#ce7267',
}

RGB Array

[242, 125, 131], [255, 177, 163], [255, 237, 200], [249, 144, 125], [206, 114, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #F27D83, #FFB1A3, #FFEDC8, #F9907D, #CE7267 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: #f27d83; --color-2: #ffb1a3; --color-3: #ffedc8; --color-4: #f9907d; --color-5: #ce7267. 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