← Back to Editor

#B07370 · #E8EBD3 · #D1D3BE · #F2F2E4 · #9AC8AB

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B07370

Crimson · Gray · Passion Red

HEX
#B07370
RGB
rgb(176, 115, 112)
HSL
hsl(3, 29%, 56%)
HSB
hsb(3, 36%, 69%)
CMYK
cmyk(0%, 35%, 36%, 31%)
Oklch
oklch(61.9% 0.078 22.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#E8EBD3

Fresh Green · Beige · Lemon Cream

HEX
#E8EBD3
RGB
rgb(232, 235, 211)
HSL
hsl(67, 37%, 87%)
HSB
hsb(67, 10%, 92%)
CMYK
cmyk(1%, 0%, 10%, 8%)
Oklch
oklch(93.1% 0.032 112.8)

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

#D1D3BE

Fresh Green · LightGray · Lemon Cream

HEX
#D1D3BE
RGB
rgb(209, 211, 190)
HSL
hsl(66, 19%, 79%)
HSB
hsb(66, 10%, 83%)
CMYK
cmyk(1%, 0%, 10%, 17%)
Oklch
oklch(86.0% 0.028 111.4)

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

#F2F2E4

Fresh Green · Linen · Lemon Cream

HEX
#F2F2E4
RGB
rgb(242, 242, 228)
HSL
hsl(60, 35%, 92%)
HSB
hsb(60, 6%, 95%)
CMYK
cmyk(0%, 0%, 6%, 5%)
Oklch
oklch(95.7% 0.018 106.7)

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

#9AC8AB

Celadon · DarkSeaGreen · Apple Green

HEX
#9AC8AB
RGB
rgb(154, 200, 171)
HSL
hsl(142, 29%, 69%)
HSB
hsb(142, 23%, 78%)
CMYK
cmyk(23%, 0%, 15%, 22%)
Oklch
oklch(79.2% 0.064 157.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B07370
6EACAF

Analogous

AF6E8C
B07370
AF926E

Triadic

B07370
6EAF72
726EAF

Split-Comp.

B07370
6EAF92
6E8CAF

Tetradic

B07370
8CAF6E
6EACAF
926EAF

Contrast Matrix WCAG 2.1 Contrast

B07370
E8EBD3
D1D3BE
F2F2E4
9AC8AB
—
3.1
AA Large
2.5
Fail
3.4
AA Large
2.0
Fail
3.1
AA Large
—
1.3
Fail
1.1
Fail
1.5
Fail
2.5
Fail
1.3
Fail
—
1.4
Fail
1.2
Fail
3.4
AA Large
1.1
Fail
1.4
Fail
—
1.7
Fail
2.0
Fail
1.5
Fail
1.2
Fail
1.7
Fail
—
White BG
3.8AA Large
1.2Fail
1.5Fail
1.1Fail
1.9Fail
Black BG
5.5AA
17.3AAA
13.8AAA
18.6AAA
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

969571
E9E9D9
D2D2C3
F2F2E7
AEAEB2

Deuteranopia

999E71
E9E9DA
D2D2C4
F2F2E8
ABA8B4

Tritanopia

AD7171
E8DDDE
D1C7C8
F2EAEB
9CB8B9

Achromatopsia

858585
E7E7E7
D0D0D0
F0F0F0
B7B7B7

Shades & Tints Shades & Tints

#B07370

Dark
Light

#E8EBD3

Dark
Light

#D1D3BE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b07370;
  --color-2: #e8ebd3;
  --color-3: #d1d3be;
  --color-4: #f2f2e4;
  --color-5: #9ac8ab;
}

SCSS

$color-1: #b07370;
$color-2: #e8ebd3;
$color-3: #d1d3be;
$color-4: #f2f2e4;
$color-5: #9ac8ab;

TAILWIND

colors: {
  'brand-1': '#b07370',
  'brand-2': '#e8ebd3',
  'brand-3': '#d1d3be',
  'brand-4': '#f2f2e4',
  'brand-5': '#9ac8ab',
}

RGB Array

[176, 115, 112], [232, 235, 211], [209, 211, 190], [242, 242, 228], [154, 200, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B07370, #E8EBD3, #D1D3BE, #F2F2E4, #9AC8AB 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: #b07370; --color-2: #e8ebd3; --color-3: #d1d3be; --color-4: #f2f2e4; --color-5: #9ac8ab. 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