← Back to Editor

#B1B094 · #CBDEDA · #DDE8E4 · #E2E6CF · #94AFAA

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B1B094

Fresh Green · DarkGray · Sunflower

HEX
#B1B094
RGB
rgb(177, 176, 148)
HSL
hsl(58, 16%, 64%)
HSB
hsb(58, 16%, 69%)
CMYK
cmyk(0%, 1%, 16%, 31%)
Oklch
oklch(75.0% 0.039 105.6)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#CBDEDA

Jade · LightGray · Glacier Blue

HEX
#CBDEDA
RGB
rgb(203, 222, 218)
HSL
hsl(167, 22%, 83%)
HSB
hsb(167, 9%, 87%)
CMYK
cmyk(9%, 0%, 2%, 13%)
Oklch
oklch(88.5% 0.021 181.8)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#DDE8E4

Jade · Lavender · Mint Green

HEX
#DDE8E4
RGB
rgb(221, 232, 228)
HSL
hsl(158, 19%, 89%)
HSB
hsb(158, 5%, 91%)
CMYK
cmyk(5%, 0%, 2%, 9%)
Oklch
oklch(92.2% 0.013 172.3)

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

#E2E6CF

Willow Green · LightGray · Mint Green

HEX
#E2E6CF
RGB
rgb(226, 230, 207)
HSL
hsl(70, 32%, 86%)
HSB
hsb(70, 10%, 90%)
CMYK
cmyk(2%, 0%, 10%, 10%)
Oklch
oklch(91.6% 0.031 115.0)

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

#94AFAA

Jade · DarkGray · Lake Green

HEX
#94AFAA
RGB
rgb(148, 175, 170)
HSL
hsl(169, 14%, 63%)
HSB
hsb(169, 15%, 69%)
CMYK
cmyk(15%, 0%, 3%, 31%)
Oklch
oklch(73.2% 0.031 183.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B1B094
9595B2

Analogous

B2A295
B1B094
A4B295

Triadic

B1B094
95B2B1
B195B2

Split-Comp.

B1B094
95A4B2
A295B2

Tetradic

B1B094
95B2A2
9595B2
B295A4

Contrast Matrix WCAG 2.1 Contrast

B1B094
CBDEDA
DDE8E4
E2E6CF
94AFAA
—
1.6
Fail
1.8
Fail
1.7
Fail
1.1
Fail
1.6
Fail
—
1.1
Fail
1.1
Fail
1.7
Fail
1.8
Fail
1.1
Fail
—
1.0
Fail
1.9
Fail
1.7
Fail
1.1
Fail
1.0
Fail
—
1.8
Fail
1.1
Fail
1.7
Fail
1.9
Fail
1.8
Fail
—
White BG
2.2Fail
1.4Fail
1.3Fail
1.3Fail
2.3Fail
Black BG
9.5AAA
15.0AAA
16.7AAA
16.5AAA
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B19B
D3D3DB
E2E2E5
E4E4D5
A0A0AB

Deuteranopia

B1B19C
D2D1DB
E1E0E5
E4E3D6
9E9CAC

Tritanopia

B1A0A1
CCDCDC
DEE6E6
E2D9DA
95ACAC

Achromatopsia

ADADAD
D8D8D8
E4E4E4
E2E2E2
A6A6A6

Shades & Tints Shades & Tints

#B1B094

Dark
Light

#CBDEDA

Dark
Light

#DDE8E4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b1b094;
  --color-2: #cbdeda;
  --color-3: #dde8e4;
  --color-4: #e2e6cf;
  --color-5: #94afaa;
}

SCSS

$color-1: #b1b094;
$color-2: #cbdeda;
$color-3: #dde8e4;
$color-4: #e2e6cf;
$color-5: #94afaa;

TAILWIND

colors: {
  'brand-1': '#b1b094',
  'brand-2': '#cbdeda',
  'brand-3': '#dde8e4',
  'brand-4': '#e2e6cf',
  'brand-5': '#94afaa',
}

RGB Array

[177, 176, 148], [203, 222, 218], [221, 232, 228], [226, 230, 207], [148, 175, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B1B094, #CBDEDA, #DDE8E4, #E2E6CF, #94AFAA 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: #b1b094; --color-2: #cbdeda; --color-3: #dde8e4; --color-4: #e2e6cf; --color-5: #94afaa. 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 general-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