← Back to Editor

#AEBED8 · #A38F84 · #C99B79 · #E2955D · #F5923F

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#AEBED8

Azure · LightSteelBlue · Cobalt Blue

HEX
#AEBED8
RGB
rgb(174, 190, 216)
HSL
hsl(217, 35%, 76%)
HSB
hsb(217, 19%, 85%)
CMYK
cmyk(19%, 12%, 0%, 15%)
Oklch
oklch(79.8% 0.041 260.1)

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

#A38F84

Tangerine · Gray · Warm Sun

HEX
#A38F84
RGB
rgb(163, 143, 132)
HSL
hsl(21, 14%, 58%)
HSB
hsb(21, 19%, 64%)
CMYK
cmyk(0%, 12%, 19%, 36%)
Oklch
oklch(66.5% 0.029 50.7)

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

#C99B79

Apricot · DarkSalmon · Warm Sun

HEX
#C99B79
RGB
rgb(201, 155, 121)
HSL
hsl(25, 43%, 63%)
HSB
hsb(25, 40%, 79%)
CMYK
cmyk(0%, 23%, 40%, 21%)
Oklch
oklch(72.4% 0.072 57.8)

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

#E2955D

Apricot · SandyBrown · Warm Sun

HEX
#E2955D
RGB
rgb(226, 149, 93)
HSL
hsl(25, 70%, 63%)
HSB
hsb(25, 59%, 89%)
CMYK
cmyk(0%, 34%, 59%, 11%)
Oklch
oklch(73.6% 0.118 55.7)

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

#F5923F

Tangerine · Coral · Warm Sun

HEX
#F5923F
RGB
rgb(245, 146, 63)
HSL
hsl(27, 90%, 60%)
HSB
hsb(27, 74%, 96%)
CMYK
cmyk(0%, 40%, 74%, 4%)
Oklch
oklch(75.0% 0.152 57.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEBED8
D7C7AC

Analogous

ACD2D7
AEBED8
B1ACD7

Triadic

AEBED8
D7ACBD
BDD7AC

Split-Comp.

AEBED8
D7B1AC
D2D7AC

Tetradic

AEBED8
D7ACD2
D7C7AC
ACD7B1

Contrast Matrix WCAG 2.1 Contrast

AEBED8
A38F84
C99B79
E2955D
F5923F
—
1.6
Fail
1.3
Fail
1.3
Fail
1.2
Fail
1.6
Fail
—
1.2
Fail
1.3
Fail
1.3
Fail
1.3
Fail
1.2
Fail
—
1.0
Fail
1.1
Fail
1.3
Fail
1.3
Fail
1.0
Fail
—
1.0
Fail
1.2
Fail
1.3
Fail
1.1
Fail
1.0
Fail
—
White BG
1.9Fail
3.1AA Large
2.5Fail
2.4Fail
2.3Fail
Black BG
11.2AAA
6.8AA
8.4AAA
8.7AAA
9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B5D2
9A9A87
B5B581
C1C06B
CAC953

Deuteranopia

B4B3D0
9C9D87
B8BB83
C5CB6E
D0D758

Tritanopia

AFCDCC
A28989
C78889
DE7578
F06366

Achromatopsia

BCBCBC
949494
A5A5A5
A6A6A6
A6A6A6

Shades & Tints Shades & Tints

#AEBED8

Dark
Light

#A38F84

Dark
Light

#C99B79

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aebed8;
  --color-2: #a38f84;
  --color-3: #c99b79;
  --color-4: #e2955d;
  --color-5: #f5923f;
}

SCSS

$color-1: #aebed8;
$color-2: #a38f84;
$color-3: #c99b79;
$color-4: #e2955d;
$color-5: #f5923f;

TAILWIND

colors: {
  'brand-1': '#aebed8',
  'brand-2': '#a38f84',
  'brand-3': '#c99b79',
  'brand-4': '#e2955d',
  'brand-5': '#f5923f',
}

RGB Array

[174, 190, 216], [163, 143, 132], [201, 155, 121], [226, 149, 93], [245, 146, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #AEBED8, #A38F84, #C99B79, #E2955D, #F5923F is ideal for: corporate websites, product showcases, portfolios. 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: #aebed8; --color-2: #a38f84; --color-3: #c99b79; --color-4: #e2955d; --color-5: #f5923f. 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. 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 cool-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