Muted Dark Gray Balanced

A 4-color combination featuring Dark Gray, Dark Gray, Dark Gray. Perfect for UI design, branding identities, and digital illustrations.

♥ 178 likesbluegraypalette

#282A23

#232A28

#25232A

#2A2324

Professional Visualization

See how this palette performs in real-world UI mockups.

BrandName

ProductPricingGet Started

Modern Interface Design

Experience the perfect harmony of colors calculated for your brand identity.

Learn More

★

Fast Performance

⚡

Secure Cloud

Color Information & Values

HEX	RGB	HSL	Name	Details
`#282A23`	rgb(40, 42, 35)	hsl(77, 9%, 15%)	Dark Gray	View
`#232A28`	rgb(35, 42, 40)	hsl(163, 9%, 15%)	Dark Gray	View
`#25232A`	rgb(37, 35, 42)	hsl(257, 9%, 15%)	Dark Gray	View
`#2A2324`	rgb(42, 35, 36)	hsl(351, 9%, 15%)	Dark Gray	View

Color Psychology & Usage

Psychology

Centered around #282A23, this dark blue palette offers a premium, high-trust visual foundation.

Detailed Analysis

The interaction between these deep tones creates a luxury aesthetic suitable for high-end digital products. Perfect for fintech dashboards, corporate branding, or dark-mode interfaces.

Best Applications

Brand IdentityGame DesignArchitectureIllustration

Accessibility & Contrast Report

Score: 60%

#282A23

On White14.53:1 (Excellent)

On Black1.45:1 (Poor)

#232A28

On White14.65:1 (Excellent)

On Black1.43:1 (Poor)

#25232A

On White15.53:1 (Excellent)

On Black1.35:1 (Poor)

#2A2324

On White15.39:1 (Excellent)

On Black1.36:1 (Poor)

These ratios are calculated based on WCAG 2.1 guidelines. A ratio of 4.5:1 is the minimum for standard text, while 7:1 is recommended for high accessibility.

CSS Export

:root {
  --color-1: #282A23;
  --color-2: #232A28;
  --color-3: #25232A;
  --color-4: #2A2324;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.