← Back to Editor

#FFC48F · #FC9B88 · #EB6365 · #AF3331 · #482014

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 AppData Visualization

Color Details Color Details

#FFC48F

Apricot · BurlyWood · Peach Orange

HEX
#FFC48F
RGB
rgb(255, 196, 143)
HSL
hsl(28, 100%, 78%)
HSB
hsb(28, 44%, 100%)
CMYK
cmyk(0%, 23%, 44%, 0%)
Oklch
oklch(86.1% 0.096 62.9)

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

#FC9B88

Peach Pink · LightSalmon · Coral Red

HEX
#FC9B88
RGB
rgb(252, 155, 136)
HSL
hsl(10, 95%, 76%)
HSB
hsb(10, 46%, 99%)
CMYK
cmyk(0%, 38%, 46%, 1%)
Oklch
oklch(78.4% 0.120 31.8)

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

#EB6365

Peach Pink · Salmon · Coral Red

HEX
#EB6365
RGB
rgb(235, 99, 101)
HSL
hsl(359, 77%, 65%)
HSB
hsb(359, 58%, 92%)
CMYK
cmyk(0%, 58%, 57%, 8%)
Oklch
oklch(67.1% 0.169 21.9)

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

#AF3331

Crimson · Brown · Passion Red

HEX
#AF3331
RGB
rgb(175, 51, 49)
HSL
hsl(1, 56%, 44%)
HSB
hsb(1, 72%, 69%)
CMYK
cmyk(0%, 71%, 72%, 31%)
Oklch
oklch(50.8% 0.161 25.7)

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

#482014

Crimson · Maroon · Deep Berry

HEX
#482014
RGB
rgb(72, 32, 20)
HSL
hsl(14, 57%, 18%)
HSB
hsb(14, 72%, 28%)
CMYK
cmyk(0%, 56%, 72%, 72%)
Oklch
oklch(29.8% 0.065 37.5)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFC48F
8FCBFF

Analogous

FF8F93
FFC48F
FFFB8F

Triadic

FFC48F
8FFFC3
C38FFF

Split-Comp.

FFC48F
8FFFFB
8F93FF

Tetradic

FFC48F
93FF8F
8FCBFF
FB8FFF

Contrast Matrix WCAG 2.1 Contrast

FFC48F
FC9B88
EB6365
AF3331
482014
—
1.3
Fail
2.1
Fail
4.1
AA Large
9.1
AAA
1.3
Fail
—
1.6
Fail
3.0
AA Large
6.8
AA
2.1
Fail
1.6
Fail
—
1.9
Fail
4.4
AA Large
4.1
AA Large
3.0
AA Large
1.9
Fail
—
2.2
Fail
9.1
AAA
6.8
AA
4.4
AA Large
2.2
Fail
—
White BG
1.6Fail
2.1Fail
3.2AA Large
6.3AA
14.1AAA
Black BG
13.5AAA
10.2AAA
6.5AA
3.3AA Large
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E59C
D2D18D
B0AF65
797831
373617

Deuteranopia

E9ED9F
D8DF8E
B8C264
818A32
393C18

Tritanopia

FCA6A8
F79091
E46464
A93232
46191A

Achromatopsia

D0D0D0
B6B6B6
8C8C8C
585858
2B2B2B

Shades & Tints Shades & Tints

#FFC48F

Dark
Light

#FC9B88

Dark
Light

#EB6365

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffc48f;
  --color-2: #fc9b88;
  --color-3: #eb6365;
  --color-4: #af3331;
  --color-5: #482014;
}

SCSS

$color-1: #ffc48f;
$color-2: #fc9b88;
$color-3: #eb6365;
$color-4: #af3331;
$color-5: #482014;

TAILWIND

colors: {
  'brand-1': '#ffc48f',
  'brand-2': '#fc9b88',
  'brand-3': '#eb6365',
  'brand-4': '#af3331',
  'brand-5': '#482014',
}

RGB Array

[255, 196, 143], [252, 155, 136], [235, 99, 101], [175, 51, 49], [72, 32, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #FFC48F, #FC9B88, #EB6365, #AF3331, #482014 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #ffc48f; --color-2: #fc9b88; --color-3: #eb6365; --color-4: #af3331; --color-5: #482014. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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