← Back to Editor

#D69702 · #FE3354 · #F79D96 · #C0B79F · #89D0A8

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

#D69702

Ochre · GoldenRod · Honey Gold

HEX
#D69702
RGB
rgb(214, 151, 2)
HSL
hsl(42, 98%, 42%)
HSB
hsb(42, 99%, 84%)
CMYK
cmyk(0%, 29%, 99%, 16%)
Oklch
oklch(71.9% 0.149 78.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#FE3354

Vermilion · Tomato · Passion Red

HEX
#FE3354
RGB
rgb(254, 51, 84)
HSL
hsl(350, 99%, 60%)
HSB
hsb(350, 80%, 100%)
CMYK
cmyk(0%, 80%, 67%, 0%)
Oklch
oklch(65.1% 0.234 18.8)

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

#F79D96

Peach Pink · LightSalmon · Coral Red

HEX
#F79D96
RGB
rgb(247, 157, 150)
HSL
hsl(4, 86%, 78%)
HSB
hsb(4, 39%, 97%)
CMYK
cmyk(0%, 36%, 39%, 3%)
Oklch
oklch(78.5% 0.109 24.7)

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

#C0B79F

Ginger · Tan · Sunflower

HEX
#C0B79F
RGB
rgb(192, 183, 159)
HSL
hsl(44, 21%, 69%)
HSB
hsb(44, 17%, 75%)
CMYK
cmyk(0%, 5%, 17%, 25%)
Oklch
oklch(78.0% 0.035 89.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#89D0A8

Celadon · DarkSeaGreen · Apple Green

HEX
#89D0A8
RGB
rgb(137, 208, 168)
HSL
hsl(146, 43%, 68%)
HSB
hsb(146, 34%, 82%)
CMYK
cmyk(34%, 0%, 19%, 18%)
Oklch
oklch(80.0% 0.092 158.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D69702
0241D4

Analogous

D42C02
D69702
AAD402

Triadic

D69702
02D495
9502D4

Split-Comp.

D69702
02AAD4
2C02D4

Tetradic

D69702
02D42C
0241D4
D402AA

Contrast Matrix WCAG 2.1 Contrast

D69702
FE3354
F79D96
C0B79F
89D0A8
—
1.4
Fail
1.2
Fail
1.3
Fail
1.4
Fail
1.4
Fail
—
1.8
Fail
1.8
Fail
2.0
Fail
1.2
Fail
1.8
Fail
—
1.0
Fail
1.1
Fail
1.3
Fail
1.8
Fail
1.0
Fail
—
1.1
Fail
1.4
Fail
2.0
Fail
1.1
Fail
1.1
Fail
—
White BG
2.5Fail
3.6AA Large
2.1Fail
2.0Fail
1.8Fail
Black BG
8.3AAA
5.8AA
10.2AAA
10.5AAA
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBA26
A6A44C
D0CF98
BCBCA5
A8A8B2

Deuteranopia

BEC32F
B2C14A
D5DC98
BDBDA6
A49EB4

Tritanopia

D34349
F44644
F29999
C0A9AA
8DB9BB

Achromatopsia

999999
737373
B7B7B7
B7B7B7
B6B6B6

Shades & Tints Shades & Tints

#D69702

Dark
Light

#FE3354

Dark
Light

#F79D96

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d69702;
  --color-2: #fe3354;
  --color-3: #f79d96;
  --color-4: #c0b79f;
  --color-5: #89d0a8;
}

SCSS

$color-1: #d69702;
$color-2: #fe3354;
$color-3: #f79d96;
$color-4: #c0b79f;
$color-5: #89d0a8;

TAILWIND

colors: {
  'brand-1': '#d69702',
  'brand-2': '#fe3354',
  'brand-3': '#f79d96',
  'brand-4': '#c0b79f',
  'brand-5': '#89d0a8',
}

RGB Array

[214, 151, 2], [254, 51, 84], [247, 157, 150], [192, 183, 159], [137, 208, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #D69702, #FE3354, #F79D96, #C0B79F, #89D0A8 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: #d69702; --color-2: #fe3354; --color-3: #f79d96; --color-4: #c0b79f; --color-5: #89d0a8. 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