← Back to Editor

#D1B236 · #E5A6A6 · #CEB09F · #242625 · #5E74A4

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

#D1B236

Ginger · GoldenRod · Sunflower

HEX
#D1B236
RGB
rgb(209, 178, 54)
HSL
hsl(48, 63%, 52%)
HSB
hsb(48, 74%, 82%)
CMYK
cmyk(0%, 15%, 74%, 18%)
Oklch
oklch(77.0% 0.141 94.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#E5A6A6

Peach Pink · Tan · Coral Red

HEX
#E5A6A6
RGB
rgb(229, 166, 166)
HSL
hsl(0, 55%, 77%)
HSB
hsb(0, 28%, 90%)
CMYK
cmyk(0%, 28%, 28%, 10%)
Oklch
oklch(78.5% 0.075 18.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#CEB09F

Apricot · Tan · Warm Sun

HEX
#CEB09F
RGB
rgb(206, 176, 159)
HSL
hsl(22, 32%, 72%)
HSB
hsb(22, 23%, 81%)
CMYK
cmyk(0%, 15%, 23%, 19%)
Oklch
oklch(77.9% 0.042 51.3)

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

#242625

Ink Black · DarkSlateGray · Dark Stone

HEX
#242625
RGB
rgb(36, 38, 37)
HSL
hsl(150, 3%, 15%)
HSB
hsb(150, 5%, 15%)
CMYK
cmyk(5%, 0%, 3%, 85%)
Oklch
oklch(26.6% 0.003 164.8)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#5E74A4

Azure · SlateGray · Navy Blue

HEX
#5E74A4
RGB
rgb(94, 116, 164)
HSL
hsl(221, 28%, 51%)
HSB
hsb(221, 43%, 64%)
CMYK
cmyk(43%, 29%, 0%, 36%)
Oklch
oklch(56.1% 0.079 265.1)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1B236
3756D2

Analogous

D26637
D1B236
A3D237

Triadic

D1B236
37D2B3
B337D2

Split-Comp.

D1B236
37A3D2
6637D2

Tetradic

D1B236
37D266
3756D2
D237A3

Contrast Matrix WCAG 2.1 Contrast

D1B236
E5A6A6
CEB09F
242625
5E74A4
—
1.0
Fail
1.0
Fail
7.3
AAA
2.2
Fail
1.0
Fail
—
1.0
Fail
7.5
AAA
2.3
Fail
1.0
Fail
1.0
Fail
—
7.5
AAA
2.3
Fail
7.3
AAA
7.5
AAA
7.5
AAA
—
3.3
AA Large
2.2
Fail
2.3
Fail
2.3
Fail
3.3
AA Large
—
White BG
2.1Fail
2.0Fail
2.0Fail
15.2AAA
4.7AA
Black BG
10.1AAA
10.3AAA
10.3AAA
1.4Fail
4.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C354
CAC9A6
C1C1A3
252525
686898

Deuteranopia

C5C85B
CDD2A6
C3C5A4
252525
666596

Tritanopia

CF6C71
E2A6A6
CDA6A7
242525
5F8F8D

Achromatopsia

ADADAD
B9B9B9
B7B7B7
252525
737373

Shades & Tints Shades & Tints

#D1B236

Dark
Light

#E5A6A6

Dark
Light

#CEB09F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1b236;
  --color-2: #e5a6a6;
  --color-3: #ceb09f;
  --color-4: #242625;
  --color-5: #5e74a4;
}

SCSS

$color-1: #d1b236;
$color-2: #e5a6a6;
$color-3: #ceb09f;
$color-4: #242625;
$color-5: #5e74a4;

TAILWIND

colors: {
  'brand-1': '#d1b236',
  'brand-2': '#e5a6a6',
  'brand-3': '#ceb09f',
  'brand-4': '#242625',
  'brand-5': '#5e74a4',
}

RGB Array

[209, 178, 54], [229, 166, 166], [206, 176, 159], [36, 38, 37], [94, 116, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1B236, #E5A6A6, #CEB09F, #242625, #5E74A4 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: #d1b236; --color-2: #e5a6a6; --color-3: #ceb09f; --color-4: #242625; --color-5: #5e74a4. 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