#CDB23C + #D7A026 + #CF6D1F + #B74B7F + #598C73 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#CDB23C

Ginger · GoldenRod · Sunflower

HEX

#CDB23C

RGB

rgb(205, 178, 60)

HSL

hsl(49, 59%, 52%)

HSB

hsb(49, 71%, 80%)

CMYK

cmyk(0%, 13%, 71%, 20%)

Oklch

oklch(76.6% 0.136 95.9)

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

#D7A026

Ochre · GoldenRod · Honey Gold

HEX

#D7A026

RGB

rgb(215, 160, 38)

HSL

hsl(41, 70%, 50%)

HSB

hsb(41, 82%, 84%)

CMYK

cmyk(0%, 26%, 82%, 16%)

Oklch

oklch(73.9% 0.142 81.7)

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

#CF6D1F

Tangerine · Chocolate · Amber Brown

HEX

#CF6D1F

RGB

rgb(207, 109, 31)

HSL

hsl(27, 74%, 47%)

HSB

hsb(27, 85%, 81%)

CMYK

cmyk(0%, 47%, 85%, 19%)

Oklch

oklch(63.7% 0.149 53.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#B74B7F

Dark Violet · MediumVioletRed · Rose Pink

HEX

#B74B7F

RGB

rgb(183, 75, 127)

HSL

hsl(331, 43%, 51%)

HSB

hsb(331, 59%, 72%)

CMYK

cmyk(0%, 59%, 31%, 28%)

Oklch

oklch(57.0% 0.150 352.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#598C73

Mineral Blue · SlateGray · Olive Green

HEX

#598C73

RGB

rgb(89, 140, 115)

HSL

hsl(151, 22%, 45%)

HSB

hsb(151, 36%, 55%)

CMYK

cmyk(36%, 0%, 18%, 45%)

Oklch

oklch(59.6% 0.067 162.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDB23C

3C57CD

Analogous

CD6A3C

CDB23C

9FCD3C

Triadic

CDB23C

3CCDB2

B23CCD

Split-Comp.

CDB23C

3C9FCD

6A3CCD

Tetradic

CDB23C

3CCD6A

3C57CD

CD3C9F

Contrast Matrix WCAG 2.1 Contrast

CDB23C	D7A026	CF6D1F	B74B7F	598C73
—	1.1 Fail	1.7 Fail	2.3 Fail	1.8 Fail
1.1 Fail	—	1.5 Fail	2.1 Fail	1.6 Fail
1.7 Fail	1.5 Fail	—	1.4 Fail	1.1 Fail
2.3 Fail	2.1 Fail	1.4 Fail	—	1.3 Fail
1.8 Fail	1.6 Fail	1.1 Fail	1.3 Fail	—

White BG

2.1Fail

2.3Fail

3.6AA Large

4.9AA

3.9AA Large

Black BG

10.0AAA

8.9AAA

5.9AA

4.3AA Large

5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C159

BFBF44

A5A432

888772

6F7079

Deuteranopia

C3C55F

C2C74B

AAB236

8F976F

6C687B

Tritanopia

CC6F74

D45B60

CA4144

B26866

5C7E7F

Achromatopsia

ADADAD

A3A3A3

818181

717171

7A7A7A

Shades & Tints Shades & Tints

#CDB23C

Dark

Light

#D7A026

Dark

Light

#CF6D1F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdb23c;
  --color-2: #d7a026;
  --color-3: #cf6d1f;
  --color-4: #b74b7f;
  --color-5: #598c73;
}

SCSS

$color-1: #cdb23c;
$color-2: #d7a026;
$color-3: #cf6d1f;
$color-4: #b74b7f;
$color-5: #598c73;

TAILWIND

colors: {
  'brand-1': '#cdb23c',
  'brand-2': '#d7a026',
  'brand-3': '#cf6d1f',
  'brand-4': '#b74b7f',
  'brand-5': '#598c73',
}

RGB Array

[205, 178, 60], [215, 160, 38], [207, 109, 31], [183, 75, 127], [89, 140, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDB23C, #D7A026, #CF6D1F, #B74B7F, #598C73 is ideal for: corporate websites, product showcases, portfolios. 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: #cdb23c; --color-2: #d7a026; --color-3: #cf6d1f; --color-4: #b74b7f; --color-5: #598c73. 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. 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