← Back to Editor

#B5DF8D · #FF9B55 · #FC5044 · #962348 · #1D132F

nature

A 5-color nature palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile AppData Visualization

Color Details Color Details

#B5DF8D

Emerald · LightGreen · Apple Green

HEX
#B5DF8D
RGB
rgb(181, 223, 141)
HSL
hsl(91, 56%, 71%)
HSB
hsb(91, 37%, 87%)
CMYK
cmyk(19%, 0%, 37%, 13%)
Oklch
oklch(85.4% 0.117 130.6)

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

#FF9B55

Apricot · SandyBrown · Warm Sun

HEX
#FF9B55
RGB
rgb(255, 155, 85)
HSL
hsl(25, 100%, 67%)
HSB
hsb(25, 67%, 100%)
CMYK
cmyk(0%, 39%, 67%, 0%)
Oklch
oklch(78.0% 0.147 53.7)

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

#FC5044

Peach Pink · Tomato · Coral Red

HEX
#FC5044
RGB
rgb(252, 80, 68)
HSL
hsl(4, 97%, 63%)
HSB
hsb(4, 73%, 99%)
CMYK
cmyk(0%, 68%, 73%, 1%)
Oklch
oklch(67.0% 0.210 28.1)

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

#962348

Dark Violet · Brown · Camellia

HEX
#962348
RGB
rgb(150, 35, 72)
HSL
hsl(341, 62%, 36%)
HSB
hsb(341, 77%, 59%)
CMYK
cmyk(0%, 77%, 52%, 41%)
Oklch
oklch(45.3% 0.152 6.7)

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

#1D132F

Deep Indigo · Black · Dark Purple

HEX
#1D132F
RGB
rgb(29, 19, 47)
HSL
hsl(261, 42%, 13%)
HSB
hsb(261, 60%, 18%)
CMYK
cmyk(38%, 60%, 0%, 82%)
Oklch
oklch(21.6% 0.054 298.2)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5DF8D
B68CDE

Analogous

DDDE8C
B5DF8D
8CDE8D

Triadic

B5DF8D
8CB4DE
DE8CB4

Split-Comp.

B5DF8D
8D8CDE
DE8CDD

Tetradic

B5DF8D
8CDDDE
B68CDE
DE8D8C

Contrast Matrix WCAG 2.1 Contrast

B5DF8D
FF9B55
FC5044
962348
1D132F
—
1.4
Fail
2.2
Fail
5.3
AA
11.7
AAA
1.4
Fail
—
1.6
Fail
3.8
AA Large
8.5
AAA
2.2
Fail
1.6
Fail
—
2.4
Fail
5.4
AA
5.3
AA
3.8
AA Large
2.4
Fail
—
2.2
Fail
11.7
AAA
8.5
AAA
5.4
AA
2.2
Fail
—
White BG
1.5Fail
2.1Fail
3.3AA Large
8.0AAA
17.7AAA
Black BG
13.9AAA
10.1AAA
6.4AA
2.6Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C8A1
D4D366
B2B047
64633F
191928

Deuteranopia

C5C2A6
DAE16A
BCC848
6B743D
191A27

Tritanopia

B7B1B4
FA7376
F3494A
903836
1C2322

Achromatopsia

C9C9C9
B1B1B1
828282
4A4A4A
191919

Shades & Tints Shades & Tints

#B5DF8D

Dark
Light

#FF9B55

Dark
Light

#FC5044

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5df8d;
  --color-2: #ff9b55;
  --color-3: #fc5044;
  --color-4: #962348;
  --color-5: #1d132f;
}

SCSS

$color-1: #b5df8d;
$color-2: #ff9b55;
$color-3: #fc5044;
$color-4: #962348;
$color-5: #1d132f;

TAILWIND

colors: {
  'brand-1': '#b5df8d',
  'brand-2': '#ff9b55',
  'brand-3': '#fc5044',
  'brand-4': '#962348',
  'brand-5': '#1d132f',
}

RGB Array

[181, 223, 141], [255, 155, 85], [252, 80, 68], [150, 35, 72], [29, 19, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #B5DF8D, #FF9B55, #FC5044, #962348, #1D132F 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: #b5df8d; --color-2: #ff9b55; --color-3: #fc5044; --color-4: #962348; --color-5: #1d132f. 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