← Back to Editor

#FFE29E · #7C682B · #745775 · #2D293A · #273967

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

#FFE29E

Goose Yellow · Wheat · Lemon Cream

HEX
#FFE29E
RGB
rgb(255, 226, 158)
HSL
hsl(42, 100%, 81%)
HSB
hsb(42, 38%, 100%)
CMYK
cmyk(0%, 11%, 38%, 0%)
Oklch
oklch(92.1% 0.091 87.4)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#7C682B

Ochre · DarkOliveGreen · Honey Gold

HEX
#7C682B
RGB
rgb(124, 104, 43)
HSL
hsl(45, 49%, 33%)
HSB
hsb(45, 65%, 49%)
CMYK
cmyk(0%, 16%, 65%, 51%)
Oklch
oklch(52.4% 0.084 91.1)

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

#745775

Dark Plum · DimGray · Eggplant

HEX
#745775
RGB
rgb(116, 87, 117)
HSL
hsl(298, 15%, 40%)
HSB
hsb(298, 26%, 46%)
CMYK
cmyk(1%, 26%, 0%, 54%)
Oklch
oklch(49.8% 0.059 325.3)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#2D293A

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#2D293A
RGB
rgb(45, 41, 58)
HSL
hsl(254, 17%, 19%)
HSB
hsb(254, 29%, 23%)
CMYK
cmyk(22%, 29%, 0%, 77%)
Oklch
oklch(29.3% 0.031 295.2)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#273967

Indigo · DarkSlateGray · Prussian Blue

HEX
#273967
RGB
rgb(39, 57, 103)
HSL
hsl(223, 45%, 28%)
HSB
hsb(223, 62%, 40%)
CMYK
cmyk(62%, 45%, 0%, 60%)
Oklch
oklch(35.4% 0.083 266.2)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE29E
9EBBFF

Analogous

FFB19E
FFE29E
ECFF9E

Triadic

FFE29E
9EFFE2
E29EFF

Split-Comp.

FFE29E
9EECFF
B19EFF

Tetradic

FFE29E
9EFFB1
9EBBFF
FF9EEC

Contrast Matrix WCAG 2.1 Contrast

FFE29E
7C682B
745775
2D293A
273967
—
4.3
AA Large
4.9
AA
11.2
AAA
8.9
AAA
4.3
AA Large
—
1.2
Fail
2.6
Fail
2.1
Fail
4.9
AA
1.2
Fail
—
2.3
Fail
1.8
Fail
11.2
AAA
2.6
Fail
2.3
Fail
—
1.3
Fail
8.9
AAA
2.1
Fail
1.8
Fail
1.3
Fail
—
White BG
1.3Fail
5.4AA
6.2AA
14.1AAA
11.2AAA
Black BG
16.6AAA
3.9AA Large
3.4AA Large
1.5Fail
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2AE
73733A
67676E
2B2B36
2F2F5C

Deuteranopia

F4F6B2
75763D
696B6C
2C2C35
2E2C59

Tritanopia

FEBBBE
7B4548
736867
2D3332
285351

Achromatopsia

E3E3E3
676767
636363
2C2C2C
393939

Shades & Tints Shades & Tints

#FFE29E

Dark
Light

#7C682B

Dark
Light

#745775

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe29e;
  --color-2: #7c682b;
  --color-3: #745775;
  --color-4: #2d293a;
  --color-5: #273967;
}

SCSS

$color-1: #ffe29e;
$color-2: #7c682b;
$color-3: #745775;
$color-4: #2d293a;
$color-5: #273967;

TAILWIND

colors: {
  'brand-1': '#ffe29e',
  'brand-2': '#7c682b',
  'brand-3': '#745775',
  'brand-4': '#2d293a',
  'brand-5': '#273967',
}

RGB Array

[255, 226, 158], [124, 104, 43], [116, 87, 117], [45, 41, 58], [39, 57, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFE29E, #7C682B, #745775, #2D293A, #273967 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: #ffe29e; --color-2: #7c682b; --color-3: #745775; --color-4: #2d293a; --color-5: #273967. 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