← Back to Editor

#FF426C · #F87275 · #F2A17E · #EBD087 · #E7ED8D

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

#FF426C

Peach Pink · Tomato · Coral Red

HEX
#FF426C
RGB
rgb(255, 66, 108)
HSL
hsl(347, 100%, 63%)
HSB
hsb(347, 74%, 100%)
CMYK
cmyk(0%, 74%, 58%, 0%)
Oklch
oklch(66.9% 0.223 13.3)

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

#F87275

Peach Pink · Salmon · Coral Red

HEX
#F87275
RGB
rgb(248, 114, 117)
HSL
hsl(359, 91%, 71%)
HSB
hsb(359, 54%, 97%)
CMYK
cmyk(0%, 54%, 53%, 3%)
Oklch
oklch(71.3% 0.165 20.8)

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

#F2A17E

Apricot · LightSalmon · Warm Sun

HEX
#F2A17E
RGB
rgb(242, 161, 126)
HSL
hsl(18, 82%, 72%)
HSB
hsb(18, 48%, 95%)
CMYK
cmyk(0%, 33%, 48%, 5%)
Oklch
oklch(78.1% 0.108 44.1)

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

#EBD087

Goose Yellow · Khaki · Sunflower

HEX
#EBD087
RGB
rgb(235, 208, 135)
HSL
hsl(44, 71%, 73%)
HSB
hsb(44, 43%, 92%)
CMYK
cmyk(0%, 11%, 43%, 8%)
Oklch
oklch(86.4% 0.097 89.9)

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

#E7ED8D

Fresh Green · Khaki · Sunflower

HEX
#E7ED8D
RGB
rgb(231, 237, 141)
HSL
hsl(64, 73%, 74%)
HSB
hsb(64, 41%, 93%)
CMYK
cmyk(3%, 0%, 41%, 7%)
Oklch
oklch(92.1% 0.119 111.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF426C
42FFD6

Analogous

FF42CA
FF426C
FF7842

Triadic

FF426C
6BFF42
426BFF

Split-Comp.

FF426C
42FF78
42CAFF

Tetradic

FF426C
CAFF42
42FFD6
7842FF

Contrast Matrix WCAG 2.1 Contrast

FF426C
F87275
F2A17E
EBD087
E7ED8D
—
1.2
Fail
1.6
Fail
2.2
Fail
2.7
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
2.2
Fail
1.6
Fail
1.3
Fail
—
1.4
Fail
1.7
Fail
2.2
Fail
1.8
Fail
1.4
Fail
—
1.2
Fail
2.7
Fail
2.2
Fail
1.7
Fail
1.2
Fail
—
White BG
3.4AA Large
2.7Fail
2.1Fail
1.5Fail
1.2Fail
Black BG
6.2AA
7.7AAA
10.2AAA
13.9AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAB62
BEBD74
CFCE86
DFDF99
EAEAA4

Deuteranopia

B8C65F
C6D074
D4DA89
E1E39D
E9E9AA

Tritanopia

F65A58
F17474
EE8D8F
EAA7AA
E7B7BB

Achromatopsia

7F7F7F
9A9A9A
B5B5B5
D0D0D0
E0E0E0

Shades & Tints Shades & Tints

#FF426C

Dark
Light

#F87275

Dark
Light

#F2A17E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff426c;
  --color-2: #f87275;
  --color-3: #f2a17e;
  --color-4: #ebd087;
  --color-5: #e7ed8d;
}

SCSS

$color-1: #ff426c;
$color-2: #f87275;
$color-3: #f2a17e;
$color-4: #ebd087;
$color-5: #e7ed8d;

TAILWIND

colors: {
  'brand-1': '#ff426c',
  'brand-2': '#f87275',
  'brand-3': '#f2a17e',
  'brand-4': '#ebd087',
  'brand-5': '#e7ed8d',
}

RGB Array

[255, 66, 108], [248, 114, 117], [242, 161, 126], [235, 208, 135], [231, 237, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #FF426C, #F87275, #F2A17E, #EBD087, #E7ED8D 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: #ff426c; --color-2: #f87275; --color-3: #f2a17e; --color-4: #ebd087; --color-5: #e7ed8d. 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