← Back to Editor

#FFE5BE · #D3CCC2 · #4BAAB5 · #0A2D40 · #FD0064

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FFE5BE

Goose Yellow · Bisque · Peach Orange

HEX
#FFE5BE
RGB
rgb(255, 229, 190)
HSL
hsl(36, 100%, 87%)
HSB
hsb(36, 25%, 100%)
CMYK
cmyk(0%, 10%, 25%, 0%)
Oklch
oklch(93.3% 0.058 77.9)

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

#D3CCC2

Goose Yellow · LightGray · Peach Orange

HEX
#D3CCC2
RGB
rgb(211, 204, 194)
HSL
hsl(35, 16%, 79%)
HSB
hsb(35, 8%, 83%)
CMYK
cmyk(0%, 3%, 8%, 17%)
Oklch
oklch(84.8% 0.016 77.1)

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

#4BAAB5

Slate Blue · CadetBlue · Mint Ice

HEX
#4BAAB5
RGB
rgb(75, 170, 181)
HSL
hsl(186, 42%, 50%)
HSB
hsb(186, 59%, 71%)
CMYK
cmyk(59%, 6%, 0%, 29%)
Oklch
oklch(68.6% 0.090 205.6)

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

#0A2D40

Lake Blue · DarkSlateGray · Deep Sea Blue

HEX
#0A2D40
RGB
rgb(10, 45, 64)
HSL
hsl(201, 73%, 15%)
HSB
hsb(201, 84%, 25%)
CMYK
cmyk(84%, 30%, 0%, 75%)
Oklch
oklch(28.3% 0.052 236.9)

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

#FD0064

Dark Violet · DeepPink · Camellia

HEX
#FD0064
RGB
rgb(253, 0, 100)
HSL
hsl(336, 100%, 50%)
HSB
hsb(336, 100%, 99%)
CMYK
cmyk(0%, 100%, 60%, 1%)
Oklch
oklch(63.5% 0.254 10.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE5BE
BDD7FF

Analogous

FFC3BD
FFE5BE
F8FFBD

Triadic

FFE5BE
BDFFE4
E4BDFF

Split-Comp.

FFE5BE
BDF8FF
C3BDFF

Tetradic

FFE5BE
BDFFC3
BDD7FF
FFBDF8

Contrast Matrix WCAG 2.1 Contrast

FFE5BE
D3CCC2
4BAAB5
0A2D40
FD0064
—
1.3
Fail
2.2
Fail
11.8
AAA
3.2
AA Large
1.3
Fail
—
1.7
Fail
9.0
AAA
2.5
Fail
2.2
Fail
1.7
Fail
—
5.3
AA
1.4
Fail
11.8
AAA
9.0
AAA
5.3
AA
—
3.7
AA Large
3.2
AA Large
2.5
Fail
1.4
Fail
3.7
AA Large
—
White BG
1.2Fail
1.6Fail
2.7Fail
14.4AAA
3.9AA Large
Black BG
17.2AAA
13.2AAA
7.7AAA
1.5Fail
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4C7
D0D0C4
7475B2
19193B
8F8D4C

Deuteranopia

F5F7CA
D0D1C5
6F68B2
17153A
9EB146

Tritanopia

FECFD1
D3C6C7
50B0B0
0C3837
F03935

Achromatopsia

E8E8E8
CDCDCD
8F8F8F
252525
575757

Shades & Tints Shades & Tints

#FFE5BE

Dark
Light

#D3CCC2

Dark
Light

#4BAAB5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe5be;
  --color-2: #d3ccc2;
  --color-3: #4baab5;
  --color-4: #0a2d40;
  --color-5: #fd0064;
}

SCSS

$color-1: #ffe5be;
$color-2: #d3ccc2;
$color-3: #4baab5;
$color-4: #0a2d40;
$color-5: #fd0064;

TAILWIND

colors: {
  'brand-1': '#ffe5be',
  'brand-2': '#d3ccc2',
  'brand-3': '#4baab5',
  'brand-4': '#0a2d40',
  'brand-5': '#fd0064',
}

RGB Array

[255, 229, 190], [211, 204, 194], [75, 170, 181], [10, 45, 64], [253, 0, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFE5BE, #D3CCC2, #4BAAB5, #0A2D40, #FD0064 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: #ffe5be; --color-2: #d3ccc2; --color-3: #4baab5; --color-4: #0a2d40; --color-5: #fd0064. 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