#25242B + #3F3A40 + #706158 + #AD6F45 + #F7690F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#25242B

Deep Indigo · DarkSlateGray · Dark Stone

HEX

#25242B

RGB

rgb(37, 36, 43)

HSL

hsl(249, 9%, 15%)

HSB

hsb(249, 16%, 17%)

CMYK

cmyk(14%, 16%, 0%, 83%)

Oklch

oklch(26.4% 0.013 292.0)

Traditional「Deep Indigo」· Paint「Dark Stone」· Creative Midnight Shadow

#3F3A40

Dark Cyan · DarkSlateGray · Dark Stone

HEX

#3F3A40

RGB

rgb(63, 58, 64)

HSL

hsl(290, 5%, 24%)

HSB

hsb(290, 9%, 25%)

CMYK

cmyk(2%, 9%, 0%, 75%)

Oklch

oklch(35.6% 0.012 320.6)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#706158

Tangerine · DimGray · Amber Brown

HEX

#706158

RGB

rgb(112, 97, 88)

HSL

hsl(22, 12%, 39%)

HSB

hsb(22, 21%, 44%)

CMYK

cmyk(0%, 13%, 21%, 56%)

Oklch

oklch(50.4% 0.024 52.9)

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

#AD6F45

Tangerine · Sienna · Amber Brown

HEX

#AD6F45

RGB

rgb(173, 111, 69)

HSL

hsl(24, 43%, 47%)

HSB

hsb(24, 60%, 68%)

CMYK

cmyk(0%, 36%, 60%, 32%)

Oklch

oklch(59.9% 0.097 53.9)

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

#F7690F

Tangerine · OrangeRed · Warm Sun

HEX

#F7690F

RGB

rgb(247, 105, 15)

HSL

hsl(23, 94%, 51%)

HSB

hsb(23, 94%, 97%)

CMYK

cmyk(0%, 57%, 94%, 3%)

Oklch

oklch(68.8% 0.193 44.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

25242B

292A23

Analogous

23252A

25242B

27232A

Triadic

25242B

2A2423

232A24

Split-Comp.

25242B

2A2723

252A23

Tetradic

25242B

2A2325

292A23

232A27

Contrast Matrix WCAG 2.1 Contrast

25242B	3F3A40	706158	AD6F45	F7690F
—	1.4 Fail	2.6 Fail	3.8 AA Large	5.1 AA
1.4 Fail	—	1.9 Fail	2.7 Fail	3.7 AA Large
2.6 Fail	1.9 Fail	—	1.5 Fail	2.0 Fail
3.8 AA Large	2.7 Fail	1.5 Fail	—	1.4 Fail
5.1 AA	3.7 AA Large	2.0 Fail	1.4 Fail	—

White BG

15.4AAA

11.1AAA

5.9AA

4.1AA Large

3.0AA Large

Black BG

1.4Fail

1.9Fail

3.5AA Large

5.1AA

7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

252529

3D3D3F

6A695A

92924F

BAB825

Deuteranopia

252529

3D3D3E

6A6B5B

969A52

C2CC2A

Tritanopia

252828

3F3D3D

6F5C5C

AA5759

F0363A

Achromatopsia

252525

3C3C3C

646464

7D7D7D

898989

Shades & Tints Shades & Tints

#25242B

Dark

Light

#3F3A40

Dark

Light

#706158

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #25242b;
  --color-2: #3f3a40;
  --color-3: #706158;
  --color-4: #ad6f45;
  --color-5: #f7690f;
}

SCSS

$color-1: #25242b;
$color-2: #3f3a40;
$color-3: #706158;
$color-4: #ad6f45;
$color-5: #f7690f;

TAILWIND

colors: {
  'brand-1': '#25242b',
  'brand-2': '#3f3a40',
  'brand-3': '#706158',
  'brand-4': '#ad6f45',
  'brand-5': '#f7690f',
}

RGB Array

[37, 36, 43], [63, 58, 64], [112, 97, 88], [173, 111, 69], [247, 105, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #25242B, #3F3A40, #706158, #AD6F45, #F7690F 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: #25242b; --color-2: #3f3a40; --color-3: #706158; --color-4: #ad6f45; --color-5: #f7690f. 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 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