#D1943F + #635D32 + #999543 + #C9C795 + #6A997F · spring - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D1943F

Ginger · GoldenRod · Warm Sun

HEX

#D1943F

RGB

rgb(209, 148, 63)

HSL

hsl(35, 61%, 53%)

HSB

hsb(35, 70%, 82%)

CMYK

cmyk(0%, 29%, 70%, 18%)

Oklch

oklch(71.1% 0.124 72.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#635D32

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#635D32

RGB

rgb(99, 93, 50)

HSL

hsl(53, 33%, 29%)

HSB

hsb(53, 49%, 39%)

CMYK

cmyk(0%, 6%, 49%, 61%)

Oklch

oklch(47.3% 0.062 101.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#999543

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#999543

RGB

rgb(153, 149, 67)

HSL

hsl(57, 39%, 43%)

HSB

hsb(57, 56%, 60%)

CMYK

cmyk(0%, 3%, 56%, 40%)

Oklch

oklch(65.6% 0.105 106.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#C9C795

Fresh Green · Tan · Sunflower

HEX

#C9C795

RGB

rgb(201, 199, 149)

HSL

hsl(58, 32%, 69%)

HSB

hsb(58, 26%, 79%)

CMYK

cmyk(0%, 1%, 26%, 21%)

Oklch

oklch(81.9% 0.066 105.9)

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

#6A997F

Celadon · SlateGray · Olive Green

HEX

#6A997F

RGB

rgb(106, 153, 127)

HSL

hsl(147, 19%, 51%)

HSB

hsb(147, 31%, 60%)

CMYK

cmyk(31%, 0%, 17%, 40%)

Oklch

oklch(64.2% 0.064 159.7)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1943F

3E7BD0

Analogous

D04A3E

D1943F

C4D03E

Triadic

D1943F

3ED093

933ED0

Split-Comp.

D1943F

3EC4D0

4A3ED0

Tetradic

D1943F

3ED04A

3E7BD0

D03EC4

Contrast Matrix WCAG 2.1 Contrast

D1943F	635D32	999543	C9C795	6A997F
—	2.6 Fail	1.2 Fail	1.5 Fail	1.2 Fail
2.6 Fail	—	2.1 Fail	3.8 AA Large	2.1 Fail
1.2 Fail	2.1 Fail	—	1.8 Fail	1.0 Fail
1.5 Fail	3.8 AA Large	1.8 Fail	—	1.9 Fail
1.2 Fail	2.1 Fail	1.0 Fail	1.9 Fail	—

White BG

2.6Fail

6.7AA

3.1AA Large

1.7Fail

3.2AA Large

Black BG

8.0AAA

3.1AA Large

6.7AA

12.1AAA

6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B654

60603C

979757

C8C8A1

7E7F85

Deuteranopia

BABF59

61613F

98985C

C8C8A4

7C7887

Tritanopia

CE6467

634546

99676A

C9ABAD

6C8A8B

Achromatopsia

9D9D9D

5A5A5A

8D8D8D

C2C2C2

888888

Shades & Tints Shades & Tints

#D1943F

Dark

Light

#635D32

Dark

Light

#999543

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1943f;
  --color-2: #635d32;
  --color-3: #999543;
  --color-4: #c9c795;
  --color-5: #6a997f;
}

SCSS

$color-1: #d1943f;
$color-2: #635d32;
$color-3: #999543;
$color-4: #c9c795;
$color-5: #6a997f;

TAILWIND

colors: {
  'brand-1': '#d1943f',
  'brand-2': '#635d32',
  'brand-3': '#999543',
  'brand-4': '#c9c795',
  'brand-5': '#6a997f',
}

RGB Array

[209, 148, 63], [99, 93, 50], [153, 149, 67], [201, 199, 149], [106, 153, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #D1943F, #635D32, #999543, #C9C795, #6A997F 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: #d1943f; --color-2: #635d32; --color-3: #999543; --color-4: #c9c795; --color-5: #6a997f. 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 spring-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