#38322B + #24785F + #2F8F72 + #261B0F + #454010 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#38322B

Ochre · DarkSlateGray · Cinnamon

HEX

#38322B

RGB

rgb(56, 50, 43)

HSL

hsl(32, 13%, 19%)

HSB

hsb(32, 23%, 22%)

CMYK

cmyk(0%, 11%, 23%, 78%)

Oklch

oklch(32.1% 0.015 71.5)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#24785F

Mineral Blue · SeaGreen · Mint Ice

HEX

#24785F

RGB

rgb(36, 120, 95)

HSL

hsl(162, 54%, 31%)

HSB

hsb(162, 70%, 47%)

CMYK

cmyk(70%, 0%, 21%, 53%)

Oklch

oklch(51.6% 0.089 169.2)

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

#2F8F72

Mineral Blue · SeaGreen · Mint Ice

HEX

#2F8F72

RGB

rgb(47, 143, 114)

HSL

hsl(162, 51%, 37%)

HSB

hsb(162, 67%, 56%)

CMYK

cmyk(67%, 0%, 20%, 44%)

Oklch

oklch(58.6% 0.100 169.1)

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

#261B0F

Ochre · Black · Cinnamon

HEX

#261B0F

RGB

rgb(38, 27, 15)

HSL

hsl(31, 43%, 10%)

HSB

hsb(31, 61%, 15%)

CMYK

cmyk(0%, 29%, 61%, 85%)

Oklch

oklch(23.2% 0.027 68.2)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#454010

Autumn Sage · DarkOliveGreen · Amber Gold

HEX

#454010

RGB

rgb(69, 64, 16)

HSL

hsl(54, 62%, 17%)

HSB

hsb(54, 77%, 27%)

CMYK

cmyk(0%, 7%, 77%, 73%)

Oklch

oklch(36.6% 0.066 103.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

38322B

2A3037

Analogous

372B2A

38322B

36372A

Triadic

38322B

2A3731

312A37

Split-Comp.

38322B

2A3637

2B2A37

Tetradic

38322B

2A372B

2A3037

372A36

Contrast Matrix WCAG 2.1 Contrast

38322B	24785F	2F8F72	261B0F	454010
—	2.4 Fail	3.2 AA Large	1.3 Fail	1.2 Fail
2.4 Fail	—	1.3 Fail	3.2 AA Large	2.0 Fail
3.2 AA Large	1.3 Fail	—	4.2 AA Large	2.7 Fail
1.3 Fail	3.2 AA Large	4.2 AA Large	—	1.6 Fail
1.2 Fail	2.0 Fail	2.7 Fail	1.6 Fail	—

White BG

12.7AAA

5.3AA

4.0AA Large

16.9AAA

10.5AAA

Black BG

1.7Fail

3.9AA Large

5.3AA

1.2Fail

2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

35352D

484965

595979

212112

43431C

Deuteranopia

36362D

443D67

534C7B

222313

43441E

Tritanopia

382E2E

286A6B

347F80

251415

452527

Achromatopsia

333333

5C5C5C

6F6F6F

1D1D1D

3C3C3C

Shades & Tints Shades & Tints

#38322B

Dark

Light

#24785F

Dark

Light

#2F8F72

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #38322b;
  --color-2: #24785f;
  --color-3: #2f8f72;
  --color-4: #261b0f;
  --color-5: #454010;
}

SCSS

$color-1: #38322b;
$color-2: #24785f;
$color-3: #2f8f72;
$color-4: #261b0f;
$color-5: #454010;

TAILWIND

colors: {
  'brand-1': '#38322b',
  'brand-2': '#24785f',
  'brand-3': '#2f8f72',
  'brand-4': '#261b0f',
  'brand-5': '#454010',
}

RGB Array

[56, 50, 43], [36, 120, 95], [47, 143, 114], [38, 27, 15], [69, 64, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #38322B, #24785F, #2F8F72, #261B0F, #454010 is ideal for: tech websites, dark mode UIs, game UIs. 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: #38322b; --color-2: #24785f; --color-3: #2f8f72; --color-4: #261b0f; --color-5: #454010. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 pastel-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