← Back to Editor

#FBE7B4 · #EA9334 · #FD90B9 · #FF568C · #FF026E

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

#FBE7B4

Goose Yellow · Wheat · Lemon Cream

HEX
#FBE7B4
RGB
rgb(251, 231, 180)
HSL
hsl(43, 90%, 85%)
HSB
hsb(43, 28%, 98%)
CMYK
cmyk(0%, 8%, 28%, 2%)
Oklch
oklch(93.2% 0.069 89.1)

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

#EA9334

Ginger · GoldenRod · Warm Sun

HEX
#EA9334
RGB
rgb(234, 147, 52)
HSL
hsl(31, 81%, 56%)
HSB
hsb(31, 78%, 92%)
CMYK
cmyk(0%, 37%, 78%, 8%)
Oklch
oklch(73.8% 0.148 63.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#FD90B9

Rouge · LightPink · Cherry Blossom

HEX
#FD90B9
RGB
rgb(253, 144, 185)
HSL
hsl(337, 96%, 78%)
HSB
hsb(337, 43%, 99%)
CMYK
cmyk(0%, 43%, 27%, 1%)
Oklch
oklch(78.0% 0.139 356.8)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#FF568C

Rouge · LightCoral · Rose Pink

HEX
#FF568C
RGB
rgb(255, 86, 140)
HSL
hsl(341, 100%, 67%)
HSB
hsb(341, 66%, 100%)
CMYK
cmyk(0%, 66%, 45%, 0%)
Oklch
oklch(69.5% 0.207 4.8)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FF026E

Dark Violet · DeepPink · Camellia

HEX
#FF026E
RGB
rgb(255, 2, 110)
HSL
hsl(334, 100%, 50%)
HSB
hsb(334, 99%, 100%)
CMYK
cmyk(0%, 99%, 57%, 0%)
Oklch
oklch(64.1% 0.256 8.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBE7B4
B6CAFB

Analogous

FBC5B6
FBE7B4
ECFBB6

Triadic

FBE7B4
B6FBE8
E8B6FB

Split-Comp.

FBE7B4
B6ECFB
C5B6FB

Tetradic

FBE7B4
B6FBC5
B6CAFB
FBB6EC

Contrast Matrix WCAG 2.1 Contrast

FBE7B4
EA9334
FD90B9
FF568C
FF026E
—
2.0
Fail
1.7
Fail
2.5
Fail
3.1
AA Large
2.0
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.7
Fail
1.1
Fail
—
1.4
Fail
1.8
Fail
2.5
Fail
1.3
Fail
1.4
Fail
—
1.3
Fail
3.1
AA Large
1.6
Fail
1.8
Fail
1.3
Fail
—
White BG
1.2Fail
2.4Fail
2.1Fail
3.0AA Large
3.8AA Large
Black BG
17.2AAA
8.7AAA
9.9AAA
7.0AA
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2C0
C4C44B
CECDAF
B6B47F
918F54

Deuteranopia

F4F5C3
C9D051
D4DCAD
C0CC7C
A0B34E

Tritanopia

FACACC
E65D61
F8A7A6
F77572
F23F3B

Achromatopsia

E7E7E7
A2A2A2
B5B5B5
8F8F8F
5A5A5A

Shades & Tints Shades & Tints

#FBE7B4

Dark
Light

#EA9334

Dark
Light

#FD90B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbe7b4;
  --color-2: #ea9334;
  --color-3: #fd90b9;
  --color-4: #ff568c;
  --color-5: #ff026e;
}

SCSS

$color-1: #fbe7b4;
$color-2: #ea9334;
$color-3: #fd90b9;
$color-4: #ff568c;
$color-5: #ff026e;

TAILWIND

colors: {
  'brand-1': '#fbe7b4',
  'brand-2': '#ea9334',
  'brand-3': '#fd90b9',
  'brand-4': '#ff568c',
  'brand-5': '#ff026e',
}

RGB Array

[251, 231, 180], [234, 147, 52], [253, 144, 185], [255, 86, 140], [255, 2, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #FBE7B4, #EA9334, #FD90B9, #FF568C, #FF026E is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #fbe7b4; --color-2: #ea9334; --color-3: #fd90b9; --color-4: #ff568c; --color-5: #ff026e. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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