#C1BE9F + #B5AC1E + #D3433F + #71533F + #4294AB · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C1BE9F

Fresh Green · Tan · Sunflower

HEX

#C1BE9F

RGB

rgb(193, 190, 159)

HSL

hsl(55, 22%, 69%)

HSB

hsb(55, 18%, 76%)

CMYK

cmyk(0%, 2%, 18%, 24%)

Oklch

oklch(79.6% 0.042 102.8)

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

#B5AC1E

Autumn Sage · GoldenRod · Honey Gold

HEX

#B5AC1E

RGB

rgb(181, 172, 30)

HSL

hsl(56, 72%, 41%)

HSB

hsb(56, 83%, 71%)

CMYK

cmyk(0%, 5%, 83%, 29%)

Oklch

oklch(72.9% 0.148 105.6)

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

#D3433F

Vermilion · Crimson · Passion Red

HEX

#D3433F

RGB

rgb(211, 67, 63)

HSL

hsl(2, 63%, 54%)

HSB

hsb(2, 70%, 83%)

CMYK

cmyk(0%, 68%, 70%, 17%)

Oklch

oklch(58.9% 0.181 26.0)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#71533F

Tangerine · DarkOliveGreen · Amber Brown

HEX

#71533F

RGB

rgb(113, 83, 63)

HSL

hsl(24, 28%, 35%)

HSB

hsb(24, 44%, 44%)

CMYK

cmyk(0%, 27%, 44%, 56%)

Oklch

oklch(46.9% 0.051 54.8)

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

#4294AB

Slate Blue · SteelBlue · Mint Ice

HEX

#4294AB

RGB

rgb(66, 148, 171)

HSL

hsl(193, 44%, 46%)

HSB

hsb(193, 61%, 67%)

CMYK

cmyk(61%, 13%, 0%, 33%)

Oklch

oklch(62.5% 0.086 219.1)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C1BE9F

9FA1C1

Analogous

C1AD9F

C1BE9F

B3C19F

Triadic

C1BE9F

9FC1BE

BE9FC1

Split-Comp.

C1BE9F

9FB3C1

AD9FC1

Tetradic

C1BE9F

9FC1AD

9FA1C1

C19FB3

Contrast Matrix WCAG 2.1 Contrast

C1BE9F	B5AC1E	D3433F	71533F	4294AB
—	1.3 Fail	2.4 Fail	3.7 AA Large	1.8 Fail
1.3 Fail	—	1.9 Fail	3.0 Fail	1.5 Fail
2.4 Fail	1.9 Fail	—	1.5 Fail	1.3 Fail
3.7 AA Large	3.0 Fail	1.5 Fail	—	2.0 Fail
1.8 Fail	1.5 Fail	1.3 Fail	2.0 Fail	—

White BG

1.9Fail

2.4Fail

4.5AA

7.0AA

3.5AA Large

Black BG

11.1AAA

8.9AAA

4.6AA

3.0AA Large

6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C0A7

B1B140

959340

646444

6666A5

Deuteranopia

C0C0A8

B2B249

9DA840

666845

615BA4

Tritanopia

C1ACAE

B55B61

CC4141

704849

46A1A0

Achromatopsia

BBBBBB

9F9F9F

6E6E6E

5A5A5A

7E7E7E

Shades & Tints Shades & Tints

#C1BE9F

Dark

Light

#B5AC1E

Dark

Light

#D3433F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c1be9f;
  --color-2: #b5ac1e;
  --color-3: #d3433f;
  --color-4: #71533f;
  --color-5: #4294ab;
}

SCSS

$color-1: #c1be9f;
$color-2: #b5ac1e;
$color-3: #d3433f;
$color-4: #71533f;
$color-5: #4294ab;

TAILWIND

colors: {
  'brand-1': '#c1be9f',
  'brand-2': '#b5ac1e',
  'brand-3': '#d3433f',
  'brand-4': '#71533f',
  'brand-5': '#4294ab',
}

RGB Array

[193, 190, 159], [181, 172, 30], [211, 67, 63], [113, 83, 63], [66, 148, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #C1BE9F, #B5AC1E, #D3433F, #71533F, #4294AB 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: #c1be9f; --color-2: #b5ac1e; --color-3: #d3433f; --color-4: #71533f; --color-5: #4294ab. 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 warm-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