← Back to Editor

#FBBD5A · #BDAC67 · #EBBD8B · #FF825B · #A2795B

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

#FBBD5A

Ginger · SandyBrown · Warm Sun

HEX
#FBBD5A
RGB
rgb(251, 189, 90)
HSL
hsl(37, 95%, 67%)
HSB
hsb(37, 64%, 98%)
CMYK
cmyk(0%, 25%, 64%, 2%)
Oklch
oklch(83.7% 0.135 76.7)

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

#BDAC67

Ginger · Tan · Sunflower

HEX
#BDAC67
RGB
rgb(189, 172, 103)
HSL
hsl(48, 39%, 57%)
HSB
hsb(48, 46%, 74%)
CMYK
cmyk(0%, 9%, 46%, 26%)
Oklch
oklch(74.4% 0.091 95.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#EBBD8B

Goose Yellow · BurlyWood · Warm Sun

HEX
#EBBD8B
RGB
rgb(235, 189, 139)
HSL
hsl(31, 71%, 73%)
HSB
hsb(31, 41%, 92%)
CMYK
cmyk(0%, 20%, 41%, 8%)
Oklch
oklch(82.8% 0.084 68.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FF825B

Peach Pink · Coral · Coral Red

HEX
#FF825B
RGB
rgb(255, 130, 91)
HSL
hsl(14, 100%, 68%)
HSB
hsb(14, 64%, 100%)
CMYK
cmyk(0%, 49%, 64%, 0%)
Oklch
oklch(74.1% 0.162 38.0)

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

#A2795B

Tangerine · Gray · Amber Brown

HEX
#A2795B
RGB
rgb(162, 121, 91)
HSL
hsl(25, 28%, 50%)
HSB
hsb(25, 44%, 64%)
CMYK
cmyk(0%, 25%, 44%, 36%)
Oklch
oklch(60.9% 0.067 57.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBBD5A
5B98FB

Analogous

FB6E5B
FBBD5A
E8FB5B

Triadic

FBBD5A
5BFBBE
BE5BFB

Split-Comp.

FBBD5A
5BE8FB
6E5BFB

Tetradic

FBBD5A
5BFB6E
5B98FB
FB5BE8

Contrast Matrix WCAG 2.1 Contrast

FBBD5A
BDAC67
EBBD8B
FF825B
A2795B
—
1.4
Fail
1.0
Fail
1.5
Fail
2.3
Fail
1.4
Fail
—
1.3
Fail
1.1
Fail
1.7
Fail
1.0
Fail
1.3
Fail
—
1.4
Fail
2.2
Fail
1.5
Fail
1.1
Fail
1.4
Fail
—
1.6
Fail
2.3
Fail
1.7
Fail
2.2
Fail
1.6
Fail
—
White BG
1.7Fail
2.3Fail
1.7Fail
2.4Fail
3.9AA Large
Black BG
12.5AAA
9.3AAA
12.2AAA
8.6AAA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E072
B6B578
D7D797
C9C864
909062

Deuteranopia

E4E878
B7B87C
DADD9A
D0DA67
939664

Tritanopia

F88589
BC8588
E9A1A3
F96C6E
A06869

Achromatopsia

C4C4C4
A9A9A9
C5C5C5
A3A3A3
828282

Shades & Tints Shades & Tints

#FBBD5A

Dark
Light

#BDAC67

Dark
Light

#EBBD8B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbbd5a;
  --color-2: #bdac67;
  --color-3: #ebbd8b;
  --color-4: #ff825b;
  --color-5: #a2795b;
}

SCSS

$color-1: #fbbd5a;
$color-2: #bdac67;
$color-3: #ebbd8b;
$color-4: #ff825b;
$color-5: #a2795b;

TAILWIND

colors: {
  'brand-1': '#fbbd5a',
  'brand-2': '#bdac67',
  'brand-3': '#ebbd8b',
  'brand-4': '#ff825b',
  'brand-5': '#a2795b',
}

RGB Array

[251, 189, 90], [189, 172, 103], [235, 189, 139], [255, 130, 91], [162, 121, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #FBBD5A, #BDAC67, #EBBD8B, #FF825B, #A2795B 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: #fbbd5a; --color-2: #bdac67; --color-3: #ebbd8b; --color-4: #ff825b; --color-5: #a2795b. 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