← Back to Editor

#F1EEC6 · #EFC89F · #ED9368 · #F47272 · #A08484

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

#F1EEC6

Fresh Green · Bisque · Lemon Cream

HEX
#F1EEC6
RGB
rgb(241, 238, 198)
HSL
hsl(56, 61%, 86%)
HSB
hsb(56, 18%, 95%)
CMYK
cmyk(0%, 1%, 18%, 5%)
Oklch
oklch(94.1% 0.052 103.8)

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

#EFC89F

Goose Yellow · Wheat · Peach Orange

HEX
#EFC89F
RGB
rgb(239, 200, 159)
HSL
hsl(31, 71%, 78%)
HSB
hsb(31, 33%, 94%)
CMYK
cmyk(0%, 16%, 33%, 6%)
Oklch
oklch(85.7% 0.070 68.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#ED9368

Apricot · DarkSalmon · Warm Sun

HEX
#ED9368
RGB
rgb(237, 147, 104)
HSL
hsl(19, 79%, 67%)
HSB
hsb(19, 56%, 93%)
CMYK
cmyk(0%, 38%, 56%, 7%)
Oklch
oklch(74.7% 0.123 45.9)

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

#F47272

Peach Pink · Salmon · Coral Red

HEX
#F47272
RGB
rgb(244, 114, 114)
HSL
hsl(0, 86%, 70%)
HSB
hsb(0, 53%, 96%)
CMYK
cmyk(0%, 53%, 53%, 4%)
Oklch
oklch(70.7% 0.160 22.0)

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

#A08484

Crimson · Gray · Passion Red

HEX
#A08484
RGB
rgb(160, 132, 132)
HSL
hsl(0, 13%, 57%)
HSB
hsb(0, 17%, 63%)
CMYK
cmyk(0%, 17%, 17%, 37%)
Oklch
oklch(63.9% 0.034 18.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1EEC6
C6C8F1

Analogous

F1D8C6
F1EEC6
DEF1C6

Triadic

F1EEC6
C6F1EE
EEC6F1

Split-Comp.

F1EEC6
C6DEF1
D8C6F1

Tetradic

F1EEC6
C6F1D8
C6C8F1
F1C6DE

Contrast Matrix WCAG 2.1 Contrast

F1EEC6
EFC89F
ED9368
F47272
A08484
—
1.3
Fail
2.0
Fail
2.4
Fail
2.9
Fail
1.3
Fail
—
1.5
Fail
1.8
Fail
2.2
Fail
2.0
Fail
1.5
Fail
—
1.2
Fail
1.5
Fail
2.4
Fail
1.8
Fail
1.2
Fail
—
1.2
Fail
2.9
Fail
2.2
Fail
1.5
Fail
1.2
Fail
—
White BG
1.2Fail
1.6Fail
2.3Fail
2.8Fail
3.4AA Large
Black BG
17.8AAA
13.4AAA
9.0AAA
7.5AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0D0
DEDEA9
C6C572
BCBB72
949484

Deuteranopia

F0F0D2
E0E3AB
CBD275
C3CD72
969884

Tritanopia

F1D7D9
EDB1B2
E87B7C
ED7272
9F8484

Achromatopsia

EAEAEA
CFCFCF
A9A9A9
999999
8C8C8C

Shades & Tints Shades & Tints

#F1EEC6

Dark
Light

#EFC89F

Dark
Light

#ED9368

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1eec6;
  --color-2: #efc89f;
  --color-3: #ed9368;
  --color-4: #f47272;
  --color-5: #a08484;
}

SCSS

$color-1: #f1eec6;
$color-2: #efc89f;
$color-3: #ed9368;
$color-4: #f47272;
$color-5: #a08484;

TAILWIND

colors: {
  'brand-1': '#f1eec6',
  'brand-2': '#efc89f',
  'brand-3': '#ed9368',
  'brand-4': '#f47272',
  'brand-5': '#a08484',
}

RGB Array

[241, 238, 198], [239, 200, 159], [237, 147, 104], [244, 114, 114], [160, 132, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #F1EEC6, #EFC89F, #ED9368, #F47272, #A08484 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: #f1eec6; --color-2: #efc89f; --color-3: #ed9368; --color-4: #f47272; --color-5: #a08484. 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