← Back to Editor

#CEB49B · #B0B394 · #4F6B6E · #40333C · #2D2324

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#CEB49B

Apricot · Tan · Warm Sun

HEX
#CEB49B
RGB
rgb(206, 180, 155)
HSL
hsl(29, 34%, 71%)
HSB
hsb(29, 25%, 81%)
CMYK
cmyk(0%, 13%, 25%, 19%)
Oklch
oklch(78.6% 0.046 66.0)

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

#B0B394

Fresh Green · DarkGray · Sunflower

HEX
#B0B394
RGB
rgb(176, 179, 148)
HSL
hsl(66, 17%, 64%)
HSB
hsb(66, 17%, 70%)
CMYK
cmyk(2%, 0%, 17%, 30%)
Oklch
oklch(75.6% 0.043 111.9)

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

#4F6B6E

Slate Blue · DimGray · Mint Ice

HEX
#4F6B6E
RGB
rgb(79, 107, 110)
HSL
hsl(186, 16%, 37%)
HSB
hsb(186, 28%, 43%)
CMYK
cmyk(28%, 3%, 0%, 57%)
Oklch
oklch(50.7% 0.033 204.4)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#40333C

Rose Purple · DarkSlateGray · Eggplant

HEX
#40333C
RGB
rgb(64, 51, 60)
HSL
hsl(318, 11%, 23%)
HSB
hsb(318, 20%, 25%)
CMYK
cmyk(0%, 20%, 6%, 75%)
Oklch
oklch(33.9% 0.024 337.5)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#2D2324

Crimson · DarkSlateGray · Deep Berry

HEX
#2D2324
RGB
rgb(45, 35, 36)
HSL
hsl(354, 13%, 16%)
HSB
hsb(354, 22%, 18%)
CMYK
cmyk(0%, 22%, 20%, 82%)
Oklch
oklch(26.8% 0.015 11.4)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEB49B
9CB6CE

Analogous

CE9C9D
CEB49B
CECD9C

Triadic

CEB49B
9CCEB4
B49CCE

Split-Comp.

CEB49B
9CCECD
9C9DCE

Tetradic

CEB49B
9DCE9C
9CB6CE
CD9CCE

Contrast Matrix WCAG 2.1 Contrast

CEB49B
B0B394
4F6B6E
40333C
2D2324
—
1.1
Fail
2.9
Fail
6.0
AA
7.7
AAA
1.1
Fail
—
2.7
Fail
5.5
AA
7.1
AAA
2.9
Fail
2.7
Fail
—
2.1
Fail
2.7
Fail
6.0
AA
5.5
AA
2.1
Fail
—
1.3
Fail
7.7
AAA
7.1
AAA
2.7
Fail
1.3
Fail
—
White BG
2.0Fail
2.2Fail
5.7AA
12.0AAA
15.2AAA
Black BG
10.6AAA
9.7AAA
3.7AA Large
1.8Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C3A1
B1B19C
5B5B6D
3A3A3A
292924

Deuteranopia

C4C6A3
B1B19D
5A576D
3B3C39
292A24

Tritanopia

CDA6A7
B0A1A3
506D6D
3F3838
2D2424

Achromatopsia

B9B9B9
AFAFAF
636363
383838
262626

Shades & Tints Shades & Tints

#CEB49B

Dark
Light

#B0B394

Dark
Light

#4F6B6E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ceb49b;
  --color-2: #b0b394;
  --color-3: #4f6b6e;
  --color-4: #40333c;
  --color-5: #2d2324;
}

SCSS

$color-1: #ceb49b;
$color-2: #b0b394;
$color-3: #4f6b6e;
$color-4: #40333c;
$color-5: #2d2324;

TAILWIND

colors: {
  'brand-1': '#ceb49b',
  'brand-2': '#b0b394',
  'brand-3': '#4f6b6e',
  'brand-4': '#40333c',
  'brand-5': '#2d2324',
}

RGB Array

[206, 180, 155], [176, 179, 148], [79, 107, 110], [64, 51, 60], [45, 35, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CEB49B, #B0B394, #4F6B6E, #40333C, #2D2324 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #ceb49b; --color-2: #b0b394; --color-3: #4f6b6e; --color-4: #40333c; --color-5: #2d2324. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco 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