← Back to Editor

#FAD5AB · #B18A61 · #28241B · #0A1519 · #5B5346

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 LibraryData Visualization

Color Details Color Details

#FAD5AB

Goose Yellow · Wheat · Peach Orange

HEX
#FAD5AB
RGB
rgb(250, 213, 171)
HSL
hsl(32, 89%, 83%)
HSB
hsb(32, 32%, 98%)
CMYK
cmyk(0%, 15%, 32%, 2%)
Oklch
oklch(89.4% 0.069 70.3)

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

#B18A61

Ginger · Gray · Warm Sun

HEX
#B18A61
RGB
rgb(177, 138, 97)
HSL
hsl(31, 34%, 54%)
HSB
hsb(31, 45%, 69%)
CMYK
cmyk(0%, 22%, 45%, 31%)
Oklch
oklch(66.1% 0.074 67.4)

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

#28241B

Ochre · Black · Amber Gold

HEX
#28241B
RGB
rgb(40, 36, 27)
HSL
hsl(42, 19%, 13%)
HSB
hsb(42, 33%, 16%)
CMYK
cmyk(0%, 10%, 33%, 84%)
Oklch
oklch(26.2% 0.017 86.9)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#0A1519

Slate Blue · Black · Peacock Green

HEX
#0A1519
RGB
rgb(10, 21, 25)
HSL
hsl(196, 43%, 7%)
HSB
hsb(196, 60%, 10%)
CMYK
cmyk(60%, 16%, 0%, 90%)
Oklch
oklch(18.7% 0.018 222.9)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#5B5346

Ochre · DarkOliveGreen · Amber Brown

HEX
#5B5346
RGB
rgb(91, 83, 70)
HSL
hsl(37, 13%, 32%)
HSB
hsb(37, 23%, 36%)
CMYK
cmyk(0%, 9%, 23%, 64%)
Oklch
oklch(44.6% 0.023 80.0)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAD5AB
ADD1FA

Analogous

FAB0AD
FAD5AB
F8FAAD

Triadic

FAD5AB
ADFAD6
D6ADFA

Split-Comp.

FAD5AB
ADF8FA
B0ADFA

Tetradic

FAD5AB
ADFAB0
ADD1FA
FAADF8

Contrast Matrix WCAG 2.1 Contrast

FAD5AB
B18A61
28241B
0A1519
5B5346
—
2.3
Fail
11.2
AAA
13.4
AAA
5.5
AA
2.3
Fail
—
4.9
AA
5.9
AA
2.4
Fail
11.2
AAA
4.9
AA
—
1.2
Fail
2.0
Fail
13.4
AAA
5.9
AA
1.2
Fail
—
2.4
Fail
5.5
AA
2.4
Fail
2.0
Fail
2.4
Fail
—
White BG
1.4Fail
3.1AA Large
15.5AAA
18.5AAA
7.6AAA
Black BG
15.2AAA
6.7AA
1.4Fail
1.1Fail
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAB5
A0A06B
26261D
0F0F18
585749

Deuteranopia

ECEFB8
A2A56D
27271E
0E0D18
58594A

Tritanopia

F8BDBF
AF7374
281F1F
0B1717
5B4C4C

Achromatopsia

DBDBDB
919191
242424
121212
545454

Shades & Tints Shades & Tints

#FAD5AB

Dark
Light

#B18A61

Dark
Light

#28241B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fad5ab;
  --color-2: #b18a61;
  --color-3: #28241b;
  --color-4: #0a1519;
  --color-5: #5b5346;
}

SCSS

$color-1: #fad5ab;
$color-2: #b18a61;
$color-3: #28241b;
$color-4: #0a1519;
$color-5: #5b5346;

TAILWIND

colors: {
  'brand-1': '#fad5ab',
  'brand-2': '#b18a61',
  'brand-3': '#28241b',
  'brand-4': '#0a1519',
  'brand-5': '#5b5346',
}

RGB Array

[250, 213, 171], [177, 138, 97], [40, 36, 27], [10, 21, 25], [91, 83, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FAD5AB, #B18A61, #28241B, #0A1519, #5B5346 is ideal for: tech websites, dark mode UIs, game UIs, 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: #fad5ab; --color-2: #b18a61; --color-3: #28241b; --color-4: #0a1519; --color-5: #5b5346. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 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