← Back to Editor

#C1D31D · #FEFEB4 · #C8D140 · #B57778 · #E19F6F

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

#C1D31D

Autumn Sage · GreenYellow · Honey Gold

HEX
#C1D31D
RGB
rgb(193, 211, 29)
HSL
hsl(66, 76%, 47%)
HSB
hsb(66, 86%, 83%)
CMYK
cmyk(9%, 0%, 86%, 17%)
Oklch
oklch(82.5% 0.183 115.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#FEFEB4

Fresh Green · Bisque · Lemon Cream

HEX
#FEFEB4
RGB
rgb(254, 254, 180)
HSL
hsl(60, 97%, 85%)
HSB
hsb(60, 29%, 100%)
CMYK
cmyk(0%, 0%, 29%, 0%)
Oklch
oklch(98.0% 0.093 108.0)

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

#C8D140

Autumn Sage · GreenYellow · Sunflower

HEX
#C8D140
RGB
rgb(200, 209, 64)
HSL
hsl(64, 61%, 54%)
HSB
hsb(64, 69%, 82%)
CMYK
cmyk(4%, 0%, 69%, 18%)
Oklch
oklch(82.8% 0.162 112.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#B57778

Crimson · Gray · Passion Red

HEX
#B57778
RGB
rgb(181, 119, 120)
HSL
hsl(359, 30%, 59%)
HSB
hsb(359, 34%, 71%)
CMYK
cmyk(0%, 34%, 34%, 29%)
Oklch
oklch(63.4% 0.078 18.4)

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

#E19F6F

Apricot · DarkSalmon · Warm Sun

HEX
#E19F6F
RGB
rgb(225, 159, 111)
HSL
hsl(25, 66%, 66%)
HSB
hsb(25, 51%, 88%)
CMYK
cmyk(0%, 29%, 51%, 12%)
Oklch
oklch(75.6% 0.101 56.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C1D31D
2F1DD3

Analogous

D38A1D
C1D31D
66D31D

Triadic

C1D31D
1DC1D3
D31DC1

Split-Comp.

C1D31D
1D66D3
8A1DD3

Tetradic

C1D31D
1DD38A
2F1DD3
D31D66

Contrast Matrix WCAG 2.1 Contrast

C1D31D
FEFEB4
C8D140
B57778
E19F6F
—
1.6
Fail
1.0
Fail
2.1
Fail
1.3
Fail
1.6
Fail
—
1.6
Fail
3.4
AA Large
2.1
Fail
1.0
Fail
1.6
Fail
—
2.2
Fail
1.3
Fail
2.1
Fail
3.4
AA Large
2.2
Fail
—
1.6
Fail
1.3
Fail
2.1
Fail
1.3
Fail
1.6
Fail
—
White BG
1.7Fail
1.0Fail
1.7Fail
3.6AA Large
2.2Fail
Black BG
12.6AAA
20.0AAA
12.7AAA
5.9AA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C949
FEFEC6
CCCC63
9A9A78
C4C47B

Deuteranopia

C8C654
FEFECA
CBCB6C
9EA278
C8CD7D

Tritanopia

C26C73
FED4D7
C87F85
B27878
DE8486

Achromatopsia

B9B9B9
F6F6F6
BEBEBE
8A8A8A
ADADAD

Shades & Tints Shades & Tints

#C1D31D

Dark
Light

#FEFEB4

Dark
Light

#C8D140

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c1d31d;
  --color-2: #fefeb4;
  --color-3: #c8d140;
  --color-4: #b57778;
  --color-5: #e19f6f;
}

SCSS

$color-1: #c1d31d;
$color-2: #fefeb4;
$color-3: #c8d140;
$color-4: #b57778;
$color-5: #e19f6f;

TAILWIND

colors: {
  'brand-1': '#c1d31d',
  'brand-2': '#fefeb4',
  'brand-3': '#c8d140',
  'brand-4': '#b57778',
  'brand-5': '#e19f6f',
}

RGB Array

[193, 211, 29], [254, 254, 180], [200, 209, 64], [181, 119, 120], [225, 159, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #C1D31D, #FEFEB4, #C8D140, #B57778, #E19F6F 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: #c1d31d; --color-2: #fefeb4; --color-3: #c8d140; --color-4: #b57778; --color-5: #e19f6f. 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