← Back to Editor

#B2AA9F · #543D67 · #C7CAB7 · #E2D7C5 · #FBEAD8

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#B2AA9F

Ginger · DarkGray · Warm Sun

HEX
#B2AA9F
RGB
rgb(178, 170, 159)
HSL
hsl(35, 11%, 66%)
HSB
hsb(35, 11%, 70%)
CMYK
cmyk(0%, 4%, 11%, 30%)
Oklch
oklch(74.2% 0.018 76.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#543D67

Dark Plum · DarkSlateBlue · Eggplant

HEX
#543D67
RGB
rgb(84, 61, 103)
HSL
hsl(273, 26%, 32%)
HSB
hsb(273, 41%, 40%)
CMYK
cmyk(18%, 41%, 0%, 60%)
Oklch
oklch(40.3% 0.074 308.6)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#C7CAB7

Fresh Green · Silver · Sunflower

HEX
#C7CAB7
RGB
rgb(199, 202, 183)
HSL
hsl(69, 15%, 75%)
HSB
hsb(69, 9%, 79%)
CMYK
cmyk(1%, 0%, 9%, 21%)
Oklch
oklch(83.1% 0.026 114.3)

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

#E2D7C5

Goose Yellow · LightGray · Peach Orange

HEX
#E2D7C5
RGB
rgb(226, 215, 197)
HSL
hsl(37, 33%, 83%)
HSB
hsb(37, 13%, 89%)
CMYK
cmyk(0%, 5%, 13%, 11%)
Oklch
oklch(88.3% 0.027 80.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FBEAD8

Goose Yellow · Beige · Peach Orange

HEX
#FBEAD8
RGB
rgb(251, 234, 216)
HSL
hsl(31, 81%, 92%)
HSB
hsb(31, 14%, 98%)
CMYK
cmyk(0%, 7%, 14%, 2%)
Oklch
oklch(94.6% 0.030 69.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B2AA9F
9FA7B2

Analogous

B2A09F
B2AA9F
B0B29F

Triadic

B2AA9F
9FB2AA
AA9FB2

Split-Comp.

B2AA9F
9FB0B2
A09FB2

Tetradic

B2AA9F
9FB2A0
9FA7B2
B29FB0

Contrast Matrix WCAG 2.1 Contrast

B2AA9F
543D67
C7CAB7
E2D7C5
FBEAD8
—
4.1
AA Large
1.4
Fail
1.6
Fail
2.0
Fail
4.1
AA Large
—
5.6
AA
6.6
AA
8.0
AAA
1.4
Fail
5.6
AA
—
1.2
Fail
1.4
Fail
1.6
Fail
6.6
AA
1.2
Fail
—
1.2
Fail
2.0
Fail
8.0
AAA
1.4
Fail
1.2
Fail
—
White BG
2.3Fail
9.4AAA
1.7Fail
1.4Fail
1.2Fail
Black BG
9.1AAA
2.2Fail
12.6AAA
14.8AAA
17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAEA2
4A4A5D
C8C8BC
DDDDC9
F4F3DC

Deuteranopia

AFB0A2
4B4D5A
C8C8BD
DEDFCA
F5F6DD

Tritanopia

B2A4A4
535553
C7BFC0
E1CDCE
FAE0E1

Achromatopsia

ABABAB
494949
C7C7C7
D8D8D8
EDEDED

Shades & Tints Shades & Tints

#B2AA9F

Dark
Light

#543D67

Dark
Light

#C7CAB7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b2aa9f;
  --color-2: #543d67;
  --color-3: #c7cab7;
  --color-4: #e2d7c5;
  --color-5: #fbead8;
}

SCSS

$color-1: #b2aa9f;
$color-2: #543d67;
$color-3: #c7cab7;
$color-4: #e2d7c5;
$color-5: #fbead8;

TAILWIND

colors: {
  'brand-1': '#b2aa9f',
  'brand-2': '#543d67',
  'brand-3': '#c7cab7',
  'brand-4': '#e2d7c5',
  'brand-5': '#fbead8',
}

RGB Array

[178, 170, 159], [84, 61, 103], [199, 202, 183], [226, 215, 197], [251, 234, 216]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #B2AA9F, #543D67, #C7CAB7, #E2D7C5, #FBEAD8 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #b2aa9f; --color-2: #543d67; --color-3: #c7cab7; --color-4: #e2d7c5; --color-5: #fbead8. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 space-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