← Back to Editor

#FFA666 · #FF9142 · #FF7142 · #FF4242 · #C4338A

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

#FFA666

Apricot · SandyBrown · Warm Sun

HEX
#FFA666
RGB
rgb(255, 166, 102)
HSL
hsl(25, 100%, 70%)
HSB
hsb(25, 60%, 100%)
CMYK
cmyk(0%, 35%, 60%, 0%)
Oklch
oklch(80.1% 0.132 55.3)

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

#FF9142

Apricot · Coral · Warm Sun

HEX
#FF9142
RGB
rgb(255, 145, 66)
HSL
hsl(25, 100%, 63%)
HSB
hsb(25, 74%, 100%)
CMYK
cmyk(0%, 43%, 74%, 0%)
Oklch
oklch(76.2% 0.161 53.0)

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

#FF7142

Apricot · Tomato · Warm Sun

HEX
#FF7142
RGB
rgb(255, 113, 66)
HSL
hsl(15, 100%, 63%)
HSB
hsb(15, 74%, 100%)
CMYK
cmyk(0%, 56%, 74%, 0%)
Oklch
oklch(71.4% 0.184 38.4)

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

#FF4242

Peach Pink · Tomato · Coral Red

HEX
#FF4242
RGB
rgb(255, 66, 66)
HSL
hsl(0, 100%, 63%)
HSB
hsb(0, 74%, 100%)
CMYK
cmyk(0%, 74%, 74%, 0%)
Oklch
oklch(66.2% 0.225 25.9)

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

#C4338A

Rose Purple · MediumVioletRed · Camellia

HEX
#C4338A
RGB
rgb(196, 51, 138)
HSL
hsl(324, 59%, 48%)
HSB
hsb(324, 74%, 77%)
CMYK
cmyk(0%, 74%, 30%, 23%)
Oklch
oklch(56.8% 0.198 348.5)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFA666
66BFFF

Analogous

FF6673
FFA666
FFF266

Triadic

FFA666
66FFA6
A666FF

Split-Comp.

FFA666
66FFF2
6673FF

Tetradic

FFA666
73FF66
66BFFF
F266FF

Contrast Matrix WCAG 2.1 Contrast

FFA666
FF9142
FF7142
FF4242
C4338A
—
1.2
Fail
1.4
Fail
1.8
Fail
2.6
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
2.2
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
1.8
Fail
1.5
Fail
1.3
Fail
—
1.5
Fail
2.6
Fail
2.2
Fail
1.8
Fail
1.5
Fail
—
White BG
1.9Fail
2.2Fail
2.7Fail
3.4AA Large
5.0AA
Black BG
10.9AAA
9.4AAA
7.7AAA
6.1AA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D875
CFCE55
C2C04D
ADAB42
858475

Deuteranopia

DEE479
D6DE5A
CAD450
B8C642
8E9970

Tritanopia

FB8284
FA6468
F85658
F64242
BD6461

Achromatopsia

B9B9B9
A9A9A9
969696
7B7B7B
686868

Shades & Tints Shades & Tints

#FFA666

Dark
Light

#FF9142

Dark
Light

#FF7142

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffa666;
  --color-2: #ff9142;
  --color-3: #ff7142;
  --color-4: #ff4242;
  --color-5: #c4338a;
}

SCSS

$color-1: #ffa666;
$color-2: #ff9142;
$color-3: #ff7142;
$color-4: #ff4242;
$color-5: #c4338a;

TAILWIND

colors: {
  'brand-1': '#ffa666',
  'brand-2': '#ff9142',
  'brand-3': '#ff7142',
  'brand-4': '#ff4242',
  'brand-5': '#c4338a',
}

RGB Array

[255, 166, 102], [255, 145, 66], [255, 113, 66], [255, 66, 66], [196, 51, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #FFA666, #FF9142, #FF7142, #FF4242, #C4338A is ideal for: social media posters, mobile apps, e-commerce promos. 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: #ffa666; --color-2: #ff9142; --color-3: #ff7142; --color-4: #ff4242; --color-5: #c4338a. 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. 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