← Back to Editor

#B0CAB8 · #E3D19A · #FFB36E · #CE8626 · #2E062A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#B0CAB8

Celadon · Silver · Apple Green

HEX
#B0CAB8
RGB
rgb(176, 202, 184)
HSL
hsl(138, 20%, 74%)
HSB
hsb(138, 13%, 79%)
CMYK
cmyk(13%, 0%, 9%, 21%)
Oklch
oklch(81.4% 0.038 155.3)

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

#E3D19A

Goose Yellow · Khaki · Sunflower

HEX
#E3D19A
RGB
rgb(227, 209, 154)
HSL
hsl(45, 57%, 75%)
HSB
hsb(45, 32%, 89%)
CMYK
cmyk(0%, 8%, 32%, 11%)
Oklch
oklch(86.2% 0.074 92.1)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#FFB36E

Apricot · LightSalmon · Warm Sun

HEX
#FFB36E
RGB
rgb(255, 179, 110)
HSL
hsl(29, 100%, 72%)
HSB
hsb(29, 57%, 100%)
CMYK
cmyk(0%, 30%, 57%, 0%)
Oklch
oklch(82.5% 0.123 62.0)

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

#CE8626

Ochre · Chocolate · Amber Brown

HEX
#CE8626
RGB
rgb(206, 134, 38)
HSL
hsl(34, 69%, 48%)
HSB
hsb(34, 82%, 81%)
CMYK
cmyk(0%, 35%, 82%, 19%)
Oklch
oklch(67.9% 0.136 68.3)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#2E062A

Rose Purple · Black · Dark Purple

HEX
#2E062A
RGB
rgb(46, 6, 42)
HSL
hsl(306, 77%, 10%)
HSB
hsb(306, 87%, 18%)
CMYK
cmyk(0%, 87%, 9%, 82%)
Oklch
oklch(21.7% 0.082 332.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0CAB8
CAAFC2

Analogous

B5CAAF
B0CAB8
AFCAC5

Triadic

B0CAB8
B7AFCA
CAB7AF

Split-Comp.

B0CAB8
C5AFCA
CAAFB5

Tetradic

B0CAB8
AFB5CA
CAAFC2
CAC5AF

Contrast Matrix WCAG 2.1 Contrast

B0CAB8
E3D19A
FFB36E
CE8626
2E062A
—
1.2
Fail
1.0
Fail
1.7
Fail
10.2
AAA
1.2
Fail
—
1.2
Fail
2.0
Fail
11.8
AAA
1.0
Fail
1.2
Fail
—
1.7
Fail
10.1
AAA
1.7
Fail
2.0
Fail
1.7
Fail
—
6.0
AA
10.2
AAA
11.8
AAA
10.1
AAA
6.0
AA
—
White BG
1.8Fail
1.5Fail
1.8Fail
3.0Fail
17.9AAA
Black BG
12.0AAA
13.9AAA
11.9AAA
7.1AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBBBC
DBDBA7
DEDD7F
AFAE3D
1D1C21

Deuteranopia

BAB8BD
DCDEAB
E3E883
B3B843
1F221F

Tritanopia

B1C0C1
E2B2B4
FB8C8F
CA5054
2C1A19

Achromatopsia

C0C0C0
D0D0D0
C2C2C2
919191
161616

Shades & Tints Shades & Tints

#B0CAB8

Dark
Light

#E3D19A

Dark
Light

#FFB36E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0cab8;
  --color-2: #e3d19a;
  --color-3: #ffb36e;
  --color-4: #ce8626;
  --color-5: #2e062a;
}

SCSS

$color-1: #b0cab8;
$color-2: #e3d19a;
$color-3: #ffb36e;
$color-4: #ce8626;
$color-5: #2e062a;

TAILWIND

colors: {
  'brand-1': '#b0cab8',
  'brand-2': '#e3d19a',
  'brand-3': '#ffb36e',
  'brand-4': '#ce8626',
  'brand-5': '#2e062a',
}

RGB Array

[176, 202, 184], [227, 209, 154], [255, 179, 110], [206, 134, 38], [46, 6, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B0CAB8, #E3D19A, #FFB36E, #CE8626, #2E062A is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b0cab8; --color-2: #e3d19a; --color-3: #ffb36e; --color-4: #ce8626; --color-5: #2e062a. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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