← Back to Editor

#F6924A · #FFD699 · #FCFBB3 · #B0B8C2 · #626467

dark

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

#F6924A

Apricot · Coral · Warm Sun

HEX
#F6924A
RGB
rgb(246, 146, 74)
HSL
hsl(25, 91%, 63%)
HSB
hsb(25, 70%, 96%)
CMYK
cmyk(0%, 41%, 70%, 4%)
Oklch
oklch(75.3% 0.148 53.9)

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

#FFD699

Goose Yellow · Khaki · Peach Orange

HEX
#FFD699
RGB
rgb(255, 214, 153)
HSL
hsl(36, 100%, 80%)
HSB
hsb(36, 40%, 100%)
CMYK
cmyk(0%, 16%, 40%, 0%)
Oklch
oklch(89.7% 0.090 77.1)

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

#FCFBB3

Fresh Green · Bisque · Lemon Cream

HEX
#FCFBB3
RGB
rgb(252, 251, 179)
HSL
hsl(59, 92%, 85%)
HSB
hsb(59, 29%, 99%)
CMYK
cmyk(0%, 0%, 29%, 1%)
Oklch
oklch(97.2% 0.091 107.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#B0B8C2

Azure · Silver · Cobalt Blue

HEX
#B0B8C2
RGB
rgb(176, 184, 194)
HSL
hsl(213, 13%, 73%)
HSB
hsb(213, 9%, 76%)
CMYK
cmyk(9%, 5%, 0%, 24%)
Oklch
oklch(77.9% 0.017 253.9)

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

#626467

Ink Gray · DimGray · Charcoal

HEX
#626467
RGB
rgb(98, 100, 103)
HSL
hsl(216, 2%, 39%)
HSB
hsb(216, 5%, 40%)
CMYK
cmyk(5%, 3%, 0%, 60%)
Oklch
oklch(50.2% 0.005 258.3)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6924A
4BAFF7

Analogous

F74B59
F6924A
F7E84B

Triadic

F6924A
4BF792
924BF7

Split-Comp.

F6924A
4BF7E8
4B59F7

Tetradic

F6924A
59F74B
4BAFF7
E84BF7

Contrast Matrix WCAG 2.1 Contrast

F6924A
FFD699
FCFBB3
B0B8C2
626467
—
1.7
Fail
2.1
Fail
1.1
Fail
2.6
Fail
1.7
Fail
—
1.3
Fail
1.5
Fail
4.3
AA Large
2.1
Fail
1.3
Fail
—
1.9
Fail
5.5
AA
1.1
Fail
1.5
Fail
1.9
Fail
—
3.0
Fail
2.6
Fail
4.3
AA Large
5.5
AA
3.0
Fail
—
White BG
2.3Fail
1.4Fail
1.1Fail
2.0Fail
5.9AA
Black BG
9.1AAA
15.3AAA
19.6AAA
10.5AAA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCA5B
EDEDA8
FCFCC4
B3B4C0
636366

Deuteranopia

D1D860
F0F3AB
FCFCC9
B3B2BF
636366

Tritanopia

F1696C
FDB3B6
FCD2D5
B0BEBD
626666

Achromatopsia

A8A8A8
DBDBDB
F3F3F3
B7B7B7
646464

Shades & Tints Shades & Tints

#F6924A

Dark
Light

#FFD699

Dark
Light

#FCFBB3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6924a;
  --color-2: #ffd699;
  --color-3: #fcfbb3;
  --color-4: #b0b8c2;
  --color-5: #626467;
}

SCSS

$color-1: #f6924a;
$color-2: #ffd699;
$color-3: #fcfbb3;
$color-4: #b0b8c2;
$color-5: #626467;

TAILWIND

colors: {
  'brand-1': '#f6924a',
  'brand-2': '#ffd699',
  'brand-3': '#fcfbb3',
  'brand-4': '#b0b8c2',
  'brand-5': '#626467',
}

RGB Array

[246, 146, 74], [255, 214, 153], [252, 251, 179], [176, 184, 194], [98, 100, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #F6924A, #FFD699, #FCFBB3, #B0B8C2, #626467 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: #f6924a; --color-2: #ffd699; --color-3: #fcfbb3; --color-4: #b0b8c2; --color-5: #626467. 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 dark-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