← Back to Editor

#FF9463 · #6B5958 · #A69C90 · #E6CBA1 · #D8E6E4

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FF9463

Apricot · SandyBrown · Warm Sun

HEX
#FF9463
RGB
rgb(255, 148, 99)
HSL
hsl(19, 100%, 69%)
HSB
hsb(19, 61%, 100%)
CMYK
cmyk(0%, 42%, 61%, 0%)
Oklch
oklch(77.0% 0.144 44.7)

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

#6B5958

Crimson · DimGray · Wine Red

HEX
#6B5958
RGB
rgb(107, 89, 88)
HSL
hsl(3, 10%, 38%)
HSB
hsb(3, 18%, 42%)
CMYK
cmyk(0%, 17%, 18%, 58%)
Oklch
oklch(48.2% 0.024 21.8)

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

#A69C90

Ginger · DarkGray · Warm Sun

HEX
#A69C90
RGB
rgb(166, 156, 144)
HSL
hsl(33, 11%, 61%)
HSB
hsb(33, 13%, 65%)
CMYK
cmyk(0%, 6%, 13%, 35%)
Oklch
oklch(69.8% 0.021 72.5)

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

#E6CBA1

Goose Yellow · Wheat · Peach Orange

HEX
#E6CBA1
RGB
rgb(230, 203, 161)
HSL
hsl(37, 58%, 77%)
HSB
hsb(37, 30%, 90%)
CMYK
cmyk(0%, 12%, 30%, 10%)
Oklch
oklch(85.4% 0.063 78.7)

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

#D8E6E4

Jade · LightGray · Glacier Blue

HEX
#D8E6E4
RGB
rgb(216, 230, 228)
HSL
hsl(171, 22%, 87%)
HSB
hsb(171, 6%, 90%)
CMYK
cmyk(6%, 0%, 1%, 10%)
Oklch
oklch(91.4% 0.015 186.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF9463
61CDFF

Analogous

FF617E
FF9463
FFE261

Triadic

FF9463
61FF93
9361FF

Split-Comp.

FF9463
61FFE2
617EFF

Tetradic

FF9463
7EFF61
61CDFF
E261FF

Contrast Matrix WCAG 2.1 Contrast

FF9463
6B5958
A69C90
E6CBA1
D8E6E4
—
3.0
AA Large
1.2
Fail
1.4
Fail
1.7
Fail
3.0
AA Large
—
2.4
Fail
4.2
AA Large
5.1
AA
1.2
Fail
2.4
Fail
—
1.7
Fail
2.1
Fail
1.4
Fail
4.2
AA Large
1.7
Fail
—
1.2
Fail
1.7
Fail
5.1
AA
2.1
Fail
1.2
Fail
—
White BG
2.2Fail
6.6AA
2.7Fail
1.6Fail
1.3Fail
Black BG
9.7AAA
3.2AA Large
7.8AAA
13.4AAA
16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D06F
636358
A2A293
DADAAB
DEDEE4

Deuteranopia

D7DF72
646658
A2A394
DCDEAE
DDDCE5

Tritanopia

FA787A
6A5858
A69596
E5B3B5
D9E5E5

Achromatopsia

AEAEAE
5E5E5E
9E9E9E
CECECE
E2E2E2

Shades & Tints Shades & Tints

#FF9463

Dark
Light

#6B5958

Dark
Light

#A69C90

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff9463;
  --color-2: #6b5958;
  --color-3: #a69c90;
  --color-4: #e6cba1;
  --color-5: #d8e6e4;
}

SCSS

$color-1: #ff9463;
$color-2: #6b5958;
$color-3: #a69c90;
$color-4: #e6cba1;
$color-5: #d8e6e4;

TAILWIND

colors: {
  'brand-1': '#ff9463',
  'brand-2': '#6b5958',
  'brand-3': '#a69c90',
  'brand-4': '#e6cba1',
  'brand-5': '#d8e6e4',
}

RGB Array

[255, 148, 99], [107, 89, 88], [166, 156, 144], [230, 203, 161], [216, 230, 228]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF9463, #6B5958, #A69C90, #E6CBA1, #D8E6E4 is ideal for: health products, baby brands, fresh-style blogs, 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: #ff9463; --color-2: #6b5958; --color-3: #a69c90; --color-4: #e6cba1; --color-5: #d8e6e4. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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