← Back to Editor

#94CDCB · #B3C8C9 · #C5C5C7 · #D3C1C5 · #E4BDC3

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#94CDCB

Jade · SkyBlue · Lake Green

HEX
#94CDCB
RGB
rgb(148, 205, 203)
HSL
hsl(178, 36%, 69%)
HSB
hsb(178, 28%, 80%)
CMYK
cmyk(28%, 0%, 1%, 20%)
Oklch
oklch(80.9% 0.059 193.3)

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

#B3C8C9

Sky Blue · Silver · Lake Green

HEX
#B3C8C9
RGB
rgb(179, 200, 201)
HSL
hsl(183, 17%, 75%)
HSB
hsb(183, 11%, 79%)
CMYK
cmyk(11%, 0%, 0%, 21%)
Oklch
oklch(81.7% 0.023 200.2)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#C5C5C7

Silver Gray · Silver · Pearl Gray

HEX
#C5C5C7
RGB
rgb(197, 197, 199)
HSL
hsl(240, 2%, 78%)
HSB
hsb(240, 1%, 78%)
CMYK
cmyk(1%, 1%, 0%, 22%)
Oklch
oklch(82.4% 0.003 286.3)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#D3C1C5

Peach Pink · Silver · Coral Red

HEX
#D3C1C5
RGB
rgb(211, 193, 197)
HSL
hsl(347, 17%, 79%)
HSB
hsb(347, 9%, 83%)
CMYK
cmyk(0%, 9%, 7%, 17%)
Oklch
oklch(82.7% 0.021 2.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E4BDC3

Peach Pink · LightPink · Cherry Blossom

HEX
#E4BDC3
RGB
rgb(228, 189, 195)
HSL
hsl(351, 42%, 82%)
HSB
hsb(351, 17%, 89%)
CMYK
cmyk(0%, 17%, 14%, 11%)
Oklch
oklch(83.4% 0.045 7.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94CDCB
CC9395

Analogous

93CCAE
94CDCB
93B2CC

Triadic

94CDCB
CB93CC
CCCB93

Split-Comp.

94CDCB
CC93B2
CCAE93

Tetradic

94CDCB
AE93CC
CC9395
B2CC93

Contrast Matrix WCAG 2.1 Contrast

94CDCB
B3C8C9
C5C5C7
D3C1C5
E4BDC3
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
White BG
1.8Fail
1.7Fail
1.7Fail
1.7Fail
1.7Fail
Black BG
11.9AAA
12.0AAA
12.2AAA
12.2AAA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADADCB
BCBCC9
C5C5C7
CBCBC4
D3D3C2

Deuteranopia

A9A5CC
BBB9C9
C5C5C6
CCCEC4
D5D8C1

Tritanopia

97CCCC
B4C9C9
C5C6C6
D2C3C3
E2C0C0

Achromatopsia

BCBCBC
C2C2C2
C5C5C5
C7C7C7
C9C9C9

Shades & Tints Shades & Tints

#94CDCB

Dark
Light

#B3C8C9

Dark
Light

#C5C5C7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94cdcb;
  --color-2: #b3c8c9;
  --color-3: #c5c5c7;
  --color-4: #d3c1c5;
  --color-5: #e4bdc3;
}

SCSS

$color-1: #94cdcb;
$color-2: #b3c8c9;
$color-3: #c5c5c7;
$color-4: #d3c1c5;
$color-5: #e4bdc3;

TAILWIND

colors: {
  'brand-1': '#94cdcb',
  'brand-2': '#b3c8c9',
  'brand-3': '#c5c5c7',
  'brand-4': '#d3c1c5',
  'brand-5': '#e4bdc3',
}

RGB Array

[148, 205, 203], [179, 200, 201], [197, 197, 199], [211, 193, 197], [228, 189, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #94CDCB, #B3C8C9, #C5C5C7, #D3C1C5, #E4BDC3 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #94cdcb; --color-2: #b3c8c9; --color-3: #c5c5c7; --color-4: #d3c1c5; --color-5: #e4bdc3. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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