← Back to Editor

#FED7BA · #A5C9EB · #DAB05E · #DD8852 · #6B494A

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

#FED7BA

Apricot · Wheat · Peach Orange

HEX
#FED7BA
RGB
rgb(254, 215, 186)
HSL
hsl(26, 97%, 86%)
HSB
hsb(26, 27%, 100%)
CMYK
cmyk(0%, 15%, 27%, 0%)
Oklch
oklch(90.5% 0.058 58.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#A5C9EB

Sky Blue · LightBlue · Cobalt Blue

HEX
#A5C9EB
RGB
rgb(165, 201, 235)
HSL
hsl(209, 64%, 78%)
HSB
hsb(209, 30%, 92%)
CMYK
cmyk(30%, 14%, 0%, 8%)
Oklch
oklch(82.1% 0.062 247.1)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#DAB05E

Ginger · SandyBrown · Sunflower

HEX
#DAB05E
RGB
rgb(218, 176, 94)
HSL
hsl(40, 63%, 61%)
HSB
hsb(40, 57%, 85%)
CMYK
cmyk(0%, 19%, 57%, 15%)
Oklch
oklch(77.8% 0.112 82.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#DD8852

Tangerine · Coral · Warm Sun

HEX
#DD8852
RGB
rgb(221, 136, 82)
HSL
hsl(23, 67%, 59%)
HSB
hsb(23, 63%, 87%)
CMYK
cmyk(0%, 38%, 63%, 13%)
Oklch
oklch(70.5% 0.125 51.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#6B494A

Crimson · DimGray · Wine Red

HEX
#6B494A
RGB
rgb(107, 73, 74)
HSL
hsl(358, 19%, 35%)
HSB
hsb(358, 32%, 42%)
CMYK
cmyk(0%, 32%, 31%, 58%)
Oklch
oklch(44.3% 0.047 17.2)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FED7BA
B9E0FE

Analogous

FEB9BD
FED7BA
FEF9B9

Triadic

FED7BA
B9FED7
D7B9FE

Split-Comp.

FED7BA
B9FEF9
B9BDFE

Tetradic

FED7BA
BDFEB9
B9E0FE
F9B9FE

Contrast Matrix WCAG 2.1 Contrast

FED7BA
A5C9EB
DAB05E
DD8852
6B494A
—
1.3
Fail
1.5
Fail
2.0
Fail
5.8
AA
1.3
Fail
—
1.2
Fail
1.6
Fail
4.5
AA
1.5
Fail
1.2
Fail
—
1.3
Fail
3.9
AA Large
2.0
Fail
1.6
Fail
1.3
Fail
—
2.9
Fail
5.8
AA
4.5
AA
3.9
AA Large
2.9
Fail
—
White BG
1.3Fail
1.7Fail
2.0Fail
2.7Fail
7.8AAA
Black BG
15.6AAA
12.2AAA
10.4AAA
7.7AAA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDC1
B5B5E3
C8C772
B8B75F
5C5C4A

Deuteranopia

EFF2C3
B3B0E1
CACD77
BDC462
5E614A

Tritanopia

FCC7C8
A7DCDB
D88285
D9696C
694A4A

Achromatopsia

DFDFDF
C2C2C2
B3B3B3
9B9B9B
535353

Shades & Tints Shades & Tints

#FED7BA

Dark
Light

#A5C9EB

Dark
Light

#DAB05E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fed7ba;
  --color-2: #a5c9eb;
  --color-3: #dab05e;
  --color-4: #dd8852;
  --color-5: #6b494a;
}

SCSS

$color-1: #fed7ba;
$color-2: #a5c9eb;
$color-3: #dab05e;
$color-4: #dd8852;
$color-5: #6b494a;

TAILWIND

colors: {
  'brand-1': '#fed7ba',
  'brand-2': '#a5c9eb',
  'brand-3': '#dab05e',
  'brand-4': '#dd8852',
  'brand-5': '#6b494a',
}

RGB Array

[254, 215, 186], [165, 201, 235], [218, 176, 94], [221, 136, 82], [107, 73, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FED7BA, #A5C9EB, #DAB05E, #DD8852, #6B494A 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: #fed7ba; --color-2: #a5c9eb; --color-3: #dab05e; --color-4: #dd8852; --color-5: #6b494a. 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