← Back to Editor

#FAE2BC · #D2AA87 · #BE775B · #99003C · #C3D1B0

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FAE2BC

Goose Yellow · Bisque · Peach Orange

HEX
#FAE2BC
RGB
rgb(250, 226, 188)
HSL
hsl(37, 86%, 86%)
HSB
hsb(37, 25%, 98%)
CMYK
cmyk(0%, 10%, 25%, 2%)
Oklch
oklch(92.3% 0.056 79.3)

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

#D2AA87

Apricot · Tan · Warm Sun

HEX
#D2AA87
RGB
rgb(210, 170, 135)
HSL
hsl(28, 45%, 68%)
HSB
hsb(28, 36%, 82%)
CMYK
cmyk(0%, 19%, 36%, 18%)
Oklch
oklch(76.5% 0.067 62.8)

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

#BE775B

Tangerine · DarkSalmon · Warm Sun

HEX
#BE775B
RGB
rgb(190, 119, 91)
HSL
hsl(17, 43%, 55%)
HSB
hsb(17, 52%, 75%)
CMYK
cmyk(0%, 37%, 52%, 25%)
Oklch
oklch(63.8% 0.098 42.2)

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

#99003C

Dark Violet · Brown · Camellia

HEX
#99003C
RGB
rgb(153, 0, 60)
HSL
hsl(336, 100%, 30%)
HSB
hsb(336, 100%, 60%)
CMYK
cmyk(0%, 100%, 61%, 40%)
Oklch
oklch(43.7% 0.175 9.5)

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

#C3D1B0

Willow Green · Silver · Apple Green

HEX
#C3D1B0
RGB
rgb(195, 209, 176)
HSL
hsl(85, 26%, 75%)
HSB
hsb(85, 16%, 82%)
CMYK
cmyk(7%, 0%, 16%, 18%)
Oklch
oklch(84.1% 0.047 126.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAE2BC
BDD4FA

Analogous

FAC4BD
FAE2BC
F3FABD

Triadic

FAE2BC
BDFAE2
E2BDFA

Split-Comp.

FAE2BC
BDF3FA
C4BDFA

Tetradic

FAE2BC
BDFAC4
BDD4FA
FABDF3

Contrast Matrix WCAG 2.1 Contrast

FAE2BC
D2AA87
BE775B
99003C
C3D1B0
—
1.7
Fail
2.8
Fail
6.9
AA
1.3
Fail
1.7
Fail
—
1.6
Fail
4.1
AA Large
1.3
Fail
2.8
Fail
1.6
Fail
—
2.5
Fail
2.2
Fail
6.9
AA
4.1
AA Large
2.5
Fail
—
5.4
AA
1.3
Fail
1.3
Fail
2.2
Fail
5.4
AA
—
White BG
1.3Fail
2.1Fail
3.5AA Large
8.7AAA
1.6Fail
Black BG
16.7AAA
9.8AAA
6.0AA
2.4Fail
13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0EFC5
C1C08F
9F9F62
57552D
C9C9B8

Deuteranopia

F1F3C7
C3C692
A3A963
606B2A
C8C7BA

Tritanopia

F9CCCE
D09698
BA6768
912220
C4BEC0

Achromatopsia

E5E5E5
B2B2B2
898989
353535
C9C9C9

Shades & Tints Shades & Tints

#FAE2BC

Dark
Light

#D2AA87

Dark
Light

#BE775B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fae2bc;
  --color-2: #d2aa87;
  --color-3: #be775b;
  --color-4: #99003c;
  --color-5: #c3d1b0;
}

SCSS

$color-1: #fae2bc;
$color-2: #d2aa87;
$color-3: #be775b;
$color-4: #99003c;
$color-5: #c3d1b0;

TAILWIND

colors: {
  'brand-1': '#fae2bc',
  'brand-2': '#d2aa87',
  'brand-3': '#be775b',
  'brand-4': '#99003c',
  'brand-5': '#c3d1b0',
}

RGB Array

[250, 226, 188], [210, 170, 135], [190, 119, 91], [153, 0, 60], [195, 209, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FAE2BC, #D2AA87, #BE775B, #99003C, #C3D1B0 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: #fae2bc; --color-2: #d2aa87; --color-3: #be775b; --color-4: #99003c; --color-5: #c3d1b0. 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 warm-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