← Back to Editor

#FAEBCD · #D6C765 · #F79A57 · #DB1D70 · #7A4558

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

#FAEBCD

Goose Yellow · Bisque · Lemon Cream

HEX
#FAEBCD
RGB
rgb(250, 235, 205)
HSL
hsl(40, 82%, 89%)
HSB
hsb(40, 18%, 98%)
CMYK
cmyk(0%, 6%, 18%, 2%)
Oklch
oklch(94.4% 0.043 84.6)

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

#D6C765

Fresh Green · BurlyWood · Sunflower

HEX
#D6C765
RGB
rgb(214, 199, 101)
HSL
hsl(52, 58%, 62%)
HSB
hsb(52, 53%, 84%)
CMYK
cmyk(0%, 7%, 53%, 16%)
Oklch
oklch(82.2% 0.121 100.7)

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

#F79A57

Apricot · SandyBrown · Warm Sun

HEX
#F79A57
RGB
rgb(247, 154, 87)
HSL
hsl(25, 91%, 65%)
HSB
hsb(25, 65%, 97%)
CMYK
cmyk(0%, 38%, 65%, 3%)
Oklch
oklch(76.9% 0.139 54.7)

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

#DB1D70

Dark Violet · MediumVioletRed · Camellia

HEX
#DB1D70
RGB
rgb(219, 29, 112)
HSL
hsl(334, 77%, 49%)
HSB
hsb(334, 87%, 86%)
CMYK
cmyk(0%, 87%, 49%, 14%)
Oklch
oklch(58.4% 0.222 2.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#7A4558

Dark Violet · DimGray · Camellia

HEX
#7A4558
RGB
rgb(122, 69, 88)
HSL
hsl(338, 28%, 37%)
HSB
hsb(338, 43%, 48%)
CMYK
cmyk(0%, 43%, 28%, 52%)
Oklch
oklch(46.0% 0.077 357.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAEBCD
CCDBFA

Analogous

FAD4CC
FAEBCD
F2FACC

Triadic

FAEBCD
CCFAEB
EBCCFA

Split-Comp.

FAEBCD
CCF2FA
D4CCFA

Tetradic

FAEBCD
CCFAD4
CCDBFA
FACCF2

Contrast Matrix WCAG 2.1 Contrast

FAEBCD
D6C765
F79A57
DB1D70
7A4558
—
1.5
Fail
1.8
Fail
4.0
AA Large
6.3
AA
1.5
Fail
—
1.3
Fail
2.8
Fail
4.3
AA Large
1.8
Fail
1.3
Fail
—
2.2
Fail
3.4
AA Large
4.0
AA Large
2.8
Fail
2.2
Fail
—
1.6
Fail
6.3
AA
4.3
AA Large
3.4
AA Large
1.6
Fail
—
White BG
1.2Fail
1.7Fail
2.2Fail
4.7AA
7.4AAA
Black BG
17.8AAA
12.2AAA
9.7AAA
4.4AA Large
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F3D4
D0CF7D
CFCE67
89875C
636353

Deuteranopia

F4F6D6
D0D182
D4DB6B
94A257
666A52

Tritanopia

F9DADB
D58F94
F27477
D14C49
77504F

Achromatopsia

ECECEC
C0C0C0
AEAEAE
5F5F5F
575757

Shades & Tints Shades & Tints

#FAEBCD

Dark
Light

#D6C765

Dark
Light

#F79A57

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faebcd;
  --color-2: #d6c765;
  --color-3: #f79a57;
  --color-4: #db1d70;
  --color-5: #7a4558;
}

SCSS

$color-1: #faebcd;
$color-2: #d6c765;
$color-3: #f79a57;
$color-4: #db1d70;
$color-5: #7a4558;

TAILWIND

colors: {
  'brand-1': '#faebcd',
  'brand-2': '#d6c765',
  'brand-3': '#f79a57',
  'brand-4': '#db1d70',
  'brand-5': '#7a4558',
}

RGB Array

[250, 235, 205], [214, 199, 101], [247, 154, 87], [219, 29, 112], [122, 69, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #FAEBCD, #D6C765, #F79A57, #DB1D70, #7A4558 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: #faebcd; --color-2: #d6c765; --color-3: #f79a57; --color-4: #db1d70; --color-5: #7a4558. 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