Bluedgeons

#324c64

Steely, muted blue for dense UI sections

Save
Share

About Bluedgeons

Bluedgeons sits in that awkward middle ground where it's darker than 3AM in Shibuya but way less saturated than Beyond the or -Collar. It's the that looks like it's been lived in, not quite muted, not quite commanding. You see it in worn workwear, in old office carpeting, in the kind of teal that's faded from actual use. It's got weight without swagger.

This one works in product interfaces, dashboards, and healthcare apps where you need something that reads as substantial but doesn't announce itself like the more saturated options do. It's the for secondary buttons, data visualization, navigation that sits in the middle of the hierarchy. Pairs cleanly with white type and doesn't create visual tension the way cooler primaries do, but it doesn't recede the way lighter blues can either. It just... stays present.

The trade-off: it can read slightly drab on warm backgrounds or sit too quiet next to mid-tone neutrals. But on neutral or slightly cool grounds, it's the one you reach for when you need something that feels grounded without feeling cold.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
8.92:1AAA

On Gray 100 #f5f5f5

Aa
8.18:1AAA

On Gray 900 #18181b

Aa
1.99:1Fail

On Black #000000

Aa
2.35:1Fail

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Bluedgeons

Open the generator with this color pre-loaded.

Start creating