← Back to Editor

#F1A085 · #FFB797 · #FCE19C · #F39B6B · #F46569

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

#F1A085

Apricot · DarkSalmon · Warm Sun

HEX
#F1A085
RGB
rgb(241, 160, 133)
HSL
hsl(15, 79%, 73%)
HSB
hsb(15, 45%, 95%)
CMYK
cmyk(0%, 34%, 45%, 5%)
Oklch
oklch(78.0% 0.104 39.2)

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

#FFB797

Apricot · BurlyWood · Peach Orange

HEX
#FFB797
RGB
rgb(255, 183, 151)
HSL
hsl(18, 100%, 80%)
HSB
hsb(18, 41%, 100%)
CMYK
cmyk(0%, 28%, 41%, 0%)
Oklch
oklch(83.9% 0.095 44.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FCE19C

Goose Yellow · Khaki · Lemon Cream

HEX
#FCE19C
RGB
rgb(252, 225, 156)
HSL
hsl(43, 94%, 80%)
HSB
hsb(43, 38%, 99%)
CMYK
cmyk(0%, 11%, 38%, 1%)
Oklch
oklch(91.6% 0.092 89.0)

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

#F39B6B

Apricot · SandyBrown · Warm Sun

HEX
#F39B6B
RGB
rgb(243, 155, 107)
HSL
hsl(21, 85%, 69%)
HSB
hsb(21, 56%, 95%)
CMYK
cmyk(0%, 36%, 56%, 5%)
Oklch
oklch(76.9% 0.123 48.8)

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

#F46569

Peach Pink · Salmon · Coral Red

HEX
#F46569
RGB
rgb(244, 101, 105)
HSL
hsl(358, 87%, 68%)
HSB
hsb(358, 59%, 96%)
CMYK
cmyk(0%, 59%, 57%, 4%)
Oklch
oklch(68.7% 0.176 21.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1A085
84D5F1

Analogous

F1849F
F1A085
F1D584

Triadic

F1A085
84F19F
9F84F1

Split-Comp.

F1A085
84F1D5
849FF1

Tetradic

F1A085
9FF184
84D5F1
D584F1

Contrast Matrix WCAG 2.1 Contrast

F1A085
FFB797
FCE19C
F39B6B
F46569
—
1.2
Fail
1.6
Fail
1.0
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.3
Fail
1.8
Fail
1.6
Fail
1.3
Fail
—
1.7
Fail
2.4
Fail
1.0
Fail
1.3
Fail
1.7
Fail
—
1.4
Fail
1.5
Fail
1.8
Fail
2.4
Fail
1.4
Fail
—
White BG
2.1Fail
1.7Fail
1.3Fail
2.2Fail
3.0AA Large
Black BG
10.1AAA
12.5AAA
16.4AAA
9.7AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECD8C
E0DF9F
F0F0AD
CDCC77
B6B568

Deuteranopia

D3D98D
E4E9A1
F2F4B1
D2D979
BEC968

Tritanopia

ED9192
FBA5A6
FBBABD
EF8082
ED6767

Achromatopsia

B5B5B5
C9C9C9
E1E1E1
B0B0B0
909090

Shades & Tints Shades & Tints

#F1A085

Dark
Light

#FFB797

Dark
Light

#FCE19C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1a085;
  --color-2: #ffb797;
  --color-3: #fce19c;
  --color-4: #f39b6b;
  --color-5: #f46569;
}

SCSS

$color-1: #f1a085;
$color-2: #ffb797;
$color-3: #fce19c;
$color-4: #f39b6b;
$color-5: #f46569;

TAILWIND

colors: {
  'brand-1': '#f1a085',
  'brand-2': '#ffb797',
  'brand-3': '#fce19c',
  'brand-4': '#f39b6b',
  'brand-5': '#f46569',
}

RGB Array

[241, 160, 133], [255, 183, 151], [252, 225, 156], [243, 155, 107], [244, 101, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #F1A085, #FFB797, #FCE19C, #F39B6B, #F46569 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: #f1a085; --color-2: #ffb797; --color-3: #fce19c; --color-4: #f39b6b; --color-5: #f46569. 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