← Back to Editor

#C0C3B9 · #E1E4D9 · #EDF1E2 · #CCE1C7 · #B0C1AB

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPure

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#C0C3B9

Willow Green · Silver · Pearl Gray

HEX
#C0C3B9
RGB
rgb(192, 195, 185)
HSL
hsl(78, 8%, 75%)
HSB
hsb(78, 5%, 76%)
CMYK
cmyk(2%, 0%, 5%, 24%)
Oklch
oklch(81.2% 0.014 120.3)

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

#E1E4D9

Willow Green · LightGray · Mint Green

HEX
#E1E4D9
RGB
rgb(225, 228, 217)
HSL
hsl(76, 17%, 87%)
HSB
hsb(76, 5%, 89%)
CMYK
cmyk(1%, 0%, 5%, 11%)
Oklch
oklch(91.4% 0.015 119.1)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#EDF1E2

Willow Green · Beige · Mint Green

HEX
#EDF1E2
RGB
rgb(237, 241, 226)
HSL
hsl(76, 35%, 92%)
HSB
hsb(76, 6%, 95%)
CMYK
cmyk(2%, 0%, 6%, 5%)
Oklch
oklch(95.1% 0.020 118.9)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#CCE1C7

Celadon · LightGray · Mint Green

HEX
#CCE1C7
RGB
rgb(204, 225, 199)
HSL
hsl(108, 30%, 83%)
HSB
hsb(108, 12%, 88%)
CMYK
cmyk(9%, 0%, 12%, 12%)
Oklch
oklch(88.7% 0.042 139.7)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#B0C1AB

Celadon · DarkGray · Apple Green

HEX
#B0C1AB
RGB
rgb(176, 193, 171)
HSL
hsl(106, 15%, 71%)
HSB
hsb(106, 11%, 76%)
CMYK
cmyk(9%, 0%, 11%, 24%)
Oklch
oklch(79.2% 0.036 138.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0C3B9
BDBAC4

Analogous

C4C2BA
C0C3B9
BCC4BA

Triadic

C0C3B9
BAC1C4
C4BAC1

Split-Comp.

C0C3B9
BABCC4
C2BAC4

Tetradic

C0C3B9
BAC4C2
BDBAC4
C4BABC

Contrast Matrix WCAG 2.1 Contrast

C0C3B9
E1E4D9
EDF1E2
CCE1C7
B0C1AB
—
1.4
Fail
1.6
Fail
1.3
Fail
1.1
Fail
1.4
Fail
—
1.1
Fail
1.1
Fail
1.5
Fail
1.6
Fail
1.1
Fail
—
1.2
Fail
1.7
Fail
1.3
Fail
1.1
Fail
1.2
Fail
—
1.4
Fail
1.1
Fail
1.5
Fail
1.7
Fail
1.4
Fail
—
White BG
1.8Fail
1.3Fail
1.1Fail
1.4Fail
1.9Fail
Black BG
11.7AAA
16.3AAA
18.3AAA
15.2AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1BB
E2E2DC
EFEFE6
D5D5CD
B7B8B0

Deuteranopia

C1C1BC
E2E2DC
EFEEE7
D4D2CF
B6B5B2

Tritanopia

C0BDBE
E1DEDE
EDE8E9
CDD2D3
B1B5B5

Achromatopsia

C1C1C1
E2E2E2
EEEEEE
D8D8D8
B9B9B9

Shades & Tints Shades & Tints

#C0C3B9

Dark
Light

#E1E4D9

Dark
Light

#EDF1E2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0c3b9;
  --color-2: #e1e4d9;
  --color-3: #edf1e2;
  --color-4: #cce1c7;
  --color-5: #b0c1ab;
}

SCSS

$color-1: #c0c3b9;
$color-2: #e1e4d9;
$color-3: #edf1e2;
$color-4: #cce1c7;
$color-5: #b0c1ab;

TAILWIND

colors: {
  'brand-1': '#c0c3b9',
  'brand-2': '#e1e4d9',
  'brand-3': '#edf1e2',
  'brand-4': '#cce1c7',
  'brand-5': '#b0c1ab',
}

RGB Array

[192, 195, 185], [225, 228, 217], [237, 241, 226], [204, 225, 199], [176, 193, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #C0C3B9, #E1E4D9, #EDF1E2, #CCE1C7, #B0C1AB 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: #c0c3b9; --color-2: #e1e4d9; --color-3: #edf1e2; --color-4: #cce1c7; --color-5: #b0c1ab. 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 minimal-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