Essential cookies keep Huevex running. With your permission we also measure how the site is used. Nothing optional loads until you choose. Cookie Policy

Steelhaven

Sophisticated deep tones merge with cool-tempered neutrals, creating a disciplined atmosphere that balances industrial strength with clarity.

0

Palette Colors

6 colors, shown in the order they were saved. Select a color to open its swatch page, or use the copy icon to copy its HEX value.

Primary
RGB26, 37, 46HSL207°, 28%, 14%
Secondary
RGB74, 110, 130HSL201°, 27%, 40%
Support 1
RGB117, 138, 131HSL160°, 8%, 50%
Support 2
RGB209, 198, 180HSL37°, 24%, 76%
Accent
RGB0, 155, 203HSL194°, 100%, 40%
Highlight
RGB247, 245, 240HSL43°, 30%, 95%

Visual Intelligence Index™ Score

Calculated from this palette's saved colors, on the same scale the Color Engine uses.

Steelhaven
9.4/10
Exceptional
Scoring Breakdown
Anchor Strength10.0
Role Separation10.0
Value Range9.0
Chroma Rhythm10.0
Use Range10.0

Why This Palette Works

  • Marine Scarcity functions as the cool blue primary, offering a serene and reliable base for the design.
  • Sapphire Peak acts as a stronger secondary blue, providing depth and a sense of architectural structure.
  • Teal Croft serves as a cyan-infused support color, creating a harmonious transition between blue tones and vibrant accents.
  • Flowing Lode introduces a warm orange support, adding a subtle touch of natural contrast to the cool palette.
  • Sapphire Port provides a bold cyan accent, giving the design a modern, tech-forward edge.
  • Chalk Vale acts as the pure white highlight, ensuring that the high-contrast elements remain sharp and legible.

Contrast and Accessibility

Primary
Marine Scarcity
On White
AaSample
15.58:1AAA
  • AA Normal Text (needs 4.5:1)Pass
  • AAA Normal Text (needs 7:1)Pass
  • AA Large Text (needs 3:1)Pass
  • AAA Large Text (needs 4.5:1)Pass
On Black
AaSample
1.35:1Fail
  • AA Normal Text (needs 4.5:1)Fail
  • AAA Normal Text (needs 7:1)Fail
  • AA Large Text (needs 3:1)Fail
  • AAA Large Text (needs 4.5:1)Fail
Secondary
Sapphire Peak
On White
AaSample
5.46:1AA
  • AA Normal Text (needs 4.5:1)Pass
  • AAA Normal Text (needs 7:1)Fail
  • AA Large Text (needs 3:1)Pass
  • AAA Large Text (needs 4.5:1)Pass
On Black
AaSample
3.84:1AA Large
  • AA Normal Text (needs 4.5:1)Fail
  • AAA Normal Text (needs 7:1)Fail
  • AA Large Text (needs 3:1)Pass
  • AAA Large Text (needs 4.5:1)Fail
Support 1
Cool Vapor
On White
AaSample
3.67:1AA Large
  • AA Normal Text (needs 4.5:1)Fail
  • AAA Normal Text (needs 7:1)Fail
  • AA Large Text (needs 3:1)Pass
  • AAA Large Text (needs 4.5:1)Fail
On Black
AaSample
5.72:1AA
  • AA Normal Text (needs 4.5:1)Pass
  • AAA Normal Text (needs 7:1)Fail
  • AA Large Text (needs 3:1)Pass
  • AAA Large Text (needs 4.5:1)Pass
Support 2
Flowing Lode
On White
AaSample
1.69:1Fail
  • AA Normal Text (needs 4.5:1)Fail
  • AAA Normal Text (needs 7:1)Fail
  • AA Large Text (needs 3:1)Fail
  • AAA Large Text (needs 4.5:1)Fail
On Black
AaSample
12.45:1AAA
  • AA Normal Text (needs 4.5:1)Pass
  • AAA Normal Text (needs 7:1)Pass
  • AA Large Text (needs 3:1)Pass
  • AAA Large Text (needs 4.5:1)Pass
Accent
Parched Cerulean
On White
AaSample
3.21:1AA Large
  • AA Normal Text (needs 4.5:1)Fail
  • AAA Normal Text (needs 7:1)Fail
  • AA Large Text (needs 3:1)Pass
  • AAA Large Text (needs 4.5:1)Fail
On Black
AaSample
6.55:1AA
  • AA Normal Text (needs 4.5:1)Pass
  • AAA Normal Text (needs 7:1)Fail
  • AA Large Text (needs 3:1)Pass
  • AAA Large Text (needs 4.5:1)Pass
Highlight
Grain Spinel
On White
AaSample
1.09:1Fail
  • AA Normal Text (needs 4.5:1)Fail
  • AAA Normal Text (needs 7:1)Fail
  • AA Large Text (needs 3:1)Fail
  • AAA Large Text (needs 4.5:1)Fail
On Black
AaSample
19.27:1AAA
  • AA Normal Text (needs 4.5:1)Pass
  • AAA Normal Text (needs 7:1)Pass
  • AA Large Text (needs 3:1)Pass
  • AAA Large Text (needs 4.5:1)Pass

Learn about color