← Back to Editor

#F5AB60 · #EAEBE6 · #C3D5D7 · #A26189 · #000402

A 5-color palette 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

#F5AB60

Ginger · SandyBrown · Warm Sun

HEX
#F5AB60
RGB
rgb(245, 171, 96)
HSL
hsl(30, 88%, 67%)
HSB
hsb(30, 61%, 96%)
CMYK
cmyk(0%, 30%, 61%, 4%)
Oklch
oklch(79.8% 0.126 64.6)

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

#EAEBE6

Willow Green · Linen · Mint Green

HEX
#EAEBE6
RGB
rgb(234, 235, 230)
HSL
hsl(72, 11%, 91%)
HSB
hsb(72, 2%, 92%)
CMYK
cmyk(0%, 0%, 2%, 8%)
Oklch
oklch(93.8% 0.007 115.7)

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

#C3D5D7

Sky Blue · LightGray · Glacier Blue

HEX
#C3D5D7
RGB
rgb(195, 213, 215)
HSL
hsl(186, 20%, 80%)
HSB
hsb(186, 9%, 84%)
CMYK
cmyk(9%, 1%, 0%, 16%)
Oklch
oklch(86.0% 0.020 204.8)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#A26189

Rose Purple · Gray · Rose Pink

HEX
#A26189
RGB
rgb(162, 97, 137)
HSL
hsl(323, 26%, 51%)
HSB
hsb(323, 40%, 64%)
CMYK
cmyk(0%, 40%, 15%, 36%)
Oklch
oklch(57.8% 0.099 343.0)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#000402

Mineral Blue · Black · Dark Green

HEX
#000402
RGB
rgb(0, 4, 2)
HSL
hsl(150, 100%, 1%)
HSB
hsb(150, 100%, 2%)
CMYK
cmyk(100%, 0%, 50%, 98%)
Oklch
oklch(9.5% 0.020 165.4)

Traditional「Mineral Blue」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5AB60
61ABF5

Analogous

F56161
F5AB60
F5F561

Triadic

F5AB60
61F5AB
AB61F5

Split-Comp.

F5AB60
61F5F5
6161F5

Tetradic

F5AB60
61F561
61ABF5
F561F5

Contrast Matrix WCAG 2.1 Contrast

F5AB60
EAEBE6
C3D5D7
A26189
000402
—
1.6
Fail
1.3
Fail
2.4
Fail
10.7
AAA
1.6
Fail
—
1.3
Fail
3.8
AA Large
17.2
AAA
1.3
Fail
1.3
Fail
—
3.0
Fail
13.6
AAA
2.4
Fail
3.8
AA Large
3.0
Fail
—
4.5
AA
10.7
AAA
17.2
AAA
13.6
AAA
4.5
AA
—
White BG
1.9Fail
1.2Fail
1.5Fail
4.6AA
20.6AAA
Black BG
10.9AAA
17.5AAA
13.8AAA
4.6AA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D472
EAEAE7
CBCBD7
86857F
020202

Deuteranopia

D9DF76
EAEAE8
CAC8D6
8A8F7D
020103

Tritanopia

F18084
EAE8E8
C4D6D6
9F7876
000303

Achromatopsia

B9B9B9
EAEAEA
D0D0D0
797979
030303

Shades & Tints Shades & Tints

#F5AB60

Dark
Light

#EAEBE6

Dark
Light

#C3D5D7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5ab60;
  --color-2: #eaebe6;
  --color-3: #c3d5d7;
  --color-4: #a26189;
  --color-5: #000402;
}

SCSS

$color-1: #f5ab60;
$color-2: #eaebe6;
$color-3: #c3d5d7;
$color-4: #a26189;
$color-5: #000402;

TAILWIND

colors: {
  'brand-1': '#f5ab60',
  'brand-2': '#eaebe6',
  'brand-3': '#c3d5d7',
  'brand-4': '#a26189',
  'brand-5': '#000402',
}

RGB Array

[245, 171, 96], [234, 235, 230], [195, 213, 215], [162, 97, 137], [0, 4, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F5AB60, #EAEBE6, #C3D5D7, #A26189, #000402 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: #f5ab60; --color-2: #eaebe6; --color-3: #c3d5d7; --color-4: #a26189; --color-5: #000402. 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 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