← Back to Editor

#FBE0B1 · #D5B397 · #48536F · #26304B · #1A1C28

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

#FBE0B1

Goose Yellow · Wheat · Peach Orange

HEX
#FBE0B1
RGB
rgb(251, 224, 177)
HSL
hsl(38, 90%, 84%)
HSB
hsb(38, 29%, 98%)
CMYK
cmyk(0%, 11%, 29%, 2%)
Oklch
oklch(91.8% 0.068 81.4)

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

#D5B397

Apricot · Tan · Warm Sun

HEX
#D5B397
RGB
rgb(213, 179, 151)
HSL
hsl(27, 42%, 71%)
HSB
hsb(27, 29%, 84%)
CMYK
cmyk(0%, 16%, 29%, 16%)
Oklch
oklch(78.9% 0.055 61.4)

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

#48536F

Indigo · DarkSlateBlue · Prussian Blue

HEX
#48536F
RGB
rgb(72, 83, 111)
HSL
hsl(223, 21%, 36%)
HSB
hsb(223, 35%, 44%)
CMYK
cmyk(35%, 25%, 0%, 56%)
Oklch
oklch(44.4% 0.048 267.8)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#26304B

Indigo · DarkSlateGray · Prussian Blue

HEX
#26304B
RGB
rgb(38, 48, 75)
HSL
hsl(224, 33%, 22%)
HSB
hsb(224, 49%, 29%)
CMYK
cmyk(49%, 36%, 0%, 71%)
Oklch
oklch(31.3% 0.051 267.9)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#1A1C28

Indigo · Black · Deep Sea Blue

HEX
#1A1C28
RGB
rgb(26, 28, 40)
HSL
hsl(231, 21%, 13%)
HSB
hsb(231, 35%, 16%)
CMYK
cmyk(35%, 30%, 0%, 84%)
Oklch
oklch(23.0% 0.023 277.0)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBE0B1
B1CCFB

Analogous

FBBBB1
FBE0B1
F1FBB1

Triadic

FBE0B1
B1FBE0
E0B1FB

Split-Comp.

FBE0B1
B1F1FB
BBB1FB

Tetradic

FBE0B1
B1FBBB
B1CCFB
FBB1F1

Contrast Matrix WCAG 2.1 Contrast

FBE0B1
D5B397
48536F
26304B
1A1C28
—
1.5
Fail
6.0
AA
10.2
AAA
13.2
AAA
1.5
Fail
—
3.9
AA Large
6.7
AA
8.6
AAA
6.0
AA
3.9
AA Large
—
1.7
Fail
2.2
Fail
10.2
AAA
6.7
AA
1.7
Fail
—
1.3
Fail
13.2
AAA
8.6
AAA
2.2
Fail
1.3
Fail
—
White BG
1.3Fail
2.0Fail
7.7AAA
13.1AAA
16.9AAA
Black BG
16.4AAA
10.7AAA
2.7Fail
1.6Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFBC
C6C69E
4D4D68
2A2A44
1B1B25

Deuteranopia

F1F3BF
C8CB9F
4C4B67
2A2943
1B1B24

Tritanopia

FAC5C7
D3A3A4
496362
273F3E
1A2322

Achromatopsia

E3E3E3
BABABA
535353
303030
1D1D1D

Shades & Tints Shades & Tints

#FBE0B1

Dark
Light

#D5B397

Dark
Light

#48536F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbe0b1;
  --color-2: #d5b397;
  --color-3: #48536f;
  --color-4: #26304b;
  --color-5: #1a1c28;
}

SCSS

$color-1: #fbe0b1;
$color-2: #d5b397;
$color-3: #48536f;
$color-4: #26304b;
$color-5: #1a1c28;

TAILWIND

colors: {
  'brand-1': '#fbe0b1',
  'brand-2': '#d5b397',
  'brand-3': '#48536f',
  'brand-4': '#26304b',
  'brand-5': '#1a1c28',
}

RGB Array

[251, 224, 177], [213, 179, 151], [72, 83, 111], [38, 48, 75], [26, 28, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBE0B1, #D5B397, #48536F, #26304B, #1A1C28 is ideal for: 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: #fbe0b1; --color-2: #d5b397; --color-3: #48536f; --color-4: #26304b; --color-5: #1a1c28. 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. 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