#FBDCE1 + #F5C9CA + #F5BABA + #789E93 + #91BDB5 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#FBDCE1

Peach Pink · Linen · Cherry Blossom

HEX

#FBDCE1

RGB

rgb(251, 220, 225)

HSL

hsl(350, 79%, 92%)

HSB

hsb(350, 12%, 98%)

CMYK

cmyk(0%, 12%, 10%, 2%)

Oklch

oklch(92.1% 0.035 6.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#F5C9CA

Peach Pink · Pink · Cherry Blossom

HEX

#F5C9CA

RGB

rgb(245, 201, 202)

HSL

hsl(359, 69%, 87%)

HSB

hsb(359, 18%, 96%)

CMYK

cmyk(0%, 18%, 18%, 4%)

Oklch

oklch(87.4% 0.050 16.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#F5BABA

Peach Pink · LightPink · Cherry Blossom

HEX

#F5BABA

RGB

rgb(245, 186, 186)

HSL

hsl(0, 75%, 85%)

HSB

hsb(0, 24%, 96%)

CMYK

cmyk(0%, 24%, 24%, 4%)

Oklch

oklch(84.2% 0.068 18.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#789E93

Mineral Blue · LightSlateGray · Lake Green

HEX

#789E93

RGB

rgb(120, 158, 147)

HSL

hsl(163, 16%, 55%)

HSB

hsb(163, 24%, 62%)

CMYK

cmyk(24%, 0%, 7%, 38%)

Oklch

oklch(66.8% 0.045 175.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#91BDB5

Jade · DarkGray · Lake Green

HEX

#91BDB5

RGB

rgb(145, 189, 181)

HSL

hsl(169, 25%, 65%)

HSB

hsb(169, 23%, 74%)

CMYK

cmyk(23%, 0%, 4%, 26%)

Oklch

oklch(76.4% 0.048 182.6)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBDCE1

DAFBF5

Analogous

FBDAF0

FBDCE1

FBE5DA

Triadic

FBDCE1

E0FBDA

DAE0FB

Split-Comp.

FBDCE1

DAFBE5

DAF0FB

Tetradic

FBDCE1

F0FBDA

DAFBF5

E5DAFB

Contrast Matrix WCAG 2.1 Contrast

FBDCE1	F5C9CA	F5BABA	789E93	91BDB5
—	1.2 Fail	1.3 Fail	2.3 Fail	1.6 Fail
1.2 Fail	—	1.1 Fail	2.0 Fail	1.4 Fail
1.3 Fail	1.1 Fail	—	1.8 Fail	1.2 Fail
2.3 Fail	2.0 Fail	1.8 Fail	—	1.4 Fail
1.6 Fail	1.4 Fail	1.2 Fail	1.4 Fail	—

White BG

1.3Fail

1.5Fail

1.7Fail

3.0Fail

2.1Fail

Black BG

16.4AAA

14.1AAA

12.6AAA

7.1AAA

10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEDE0

E2E2CA

DBDBBA

888996

A4A4B7

Deuteranopia

EFF2E0

E5E8CA

DFE3BA

868396

A29EB7

Tritanopia

F9DFDF

F3CACA

F2BABA

7A9898

93B8B9

Achromatopsia

E6E6E6

D6D6D6

CCCCCC

919191

AFAFAF

Shades & Tints Shades & Tints

#FBDCE1

Dark

Light

#F5C9CA

Dark

Light

#F5BABA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbdce1;
  --color-2: #f5c9ca;
  --color-3: #f5baba;
  --color-4: #789e93;
  --color-5: #91bdb5;
}

SCSS

$color-1: #fbdce1;
$color-2: #f5c9ca;
$color-3: #f5baba;
$color-4: #789e93;
$color-5: #91bdb5;

TAILWIND

colors: {
  'brand-1': '#fbdce1',
  'brand-2': '#f5c9ca',
  'brand-3': '#f5baba',
  'brand-4': '#789e93',
  'brand-5': '#91bdb5',
}

RGB Array

[251, 220, 225], [245, 201, 202], [245, 186, 186], [120, 158, 147], [145, 189, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #FBDCE1, #F5C9CA, #F5BABA, #789E93, #91BDB5 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fbdce1; --color-2: #f5c9ca; --color-3: #f5baba; --color-4: #789e93; --color-5: #91bdb5. 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 tech, SaaS, healthcare, eco industries. 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