Arctic Shadow

Meet Arctic Shadow (#696260), a sophisticated neutral that defies simple categorization. This complex shade blends gray and brown undertones, creating a subtle warmth and a unique depth that sets it apart from typical grays, offering a solid foundation for any design palette.

What color is Arctic Shadow?

What is the meaning of Arctic Shadow?

How do I use Arctic Shadow (#696260) in UI design?

Using Arctic Shadow color codes

Arctic Shadow

#696260

Access our full UI & UX library today.

What color is Arctic Shadow?

What is the meaning of Arctic Shadow?

How do I use Arctic Shadow (#696260) in UI design?

Using Arctic Shadow color codes

Arctic Shadow Code Conversions

HEX

#696260

LAB

42, 2, 2

RGB

105, 98, 96

XYZ

12.3, 12.6, 12.8

HSL

13°, 4%, 39%

LCH

42, 3, 42°

HSB

13°, 9%, 41%

LUV

42, 4, 2

CMYK

0, 7, 9, 59

CMYK

0, 7, 9, 59

HWB

13°, 38%, 59%

Arctic Shadow Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. Pairing Arctic Shadow with its adjacent hues creates a cohesive and naturally harmonious palette.

#696063

#696260

#696760

#696063

#696260

#696760

Complementary

To find a complementary color for Arctic Shadow, look directly across the color wheel. This pairing produces a vibrant, high-contrast combination.

#696260

#606769

#696260

#606769

Split Complementary

A split complementary scheme for Arctic Shadow uses the two colors adjacent to its direct complement, offering high contrast with more creative freedom.

#696260

#606967

#606369

#696260

#606967

#606369

Triadic

Triadic color schemes use three hues equally spaced on the color wheel. Starting with Arctic Shadow, this creates a vibrant, high-contrast palette.

#696260

#606962

#626069

#696260

#606962

#626069

Tetradic

A tetradic scheme uses two complementary color pairs. For Arctic Shadow, this creates a rich, four-toned palette that is versatile yet harmonious.

#696260

#636960

#606769

#676069

#696260

#636960

#606769

#676069

Square

Forming a square on the color wheel, this scheme pairs Arctic Shadow with three other equidistant hues for a balanced yet highly contrasting effect.

#696260

#636960

#606769

#676069

#696260

#636960

#606769

#676069

Arctic Shadow Contrast Simulation

Text Color

#

Background Color

#

5.97

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

5.97

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Arctic Shadow Color Variations

Shades

Shades are darker versions of Arctic Shadow, made by adding black for depth and weight.

#696260

#5A5452

#4B4645

#3C3837

#2D2A29

#1E1C1B

#0F0E0E

#000000

#696260

#5A5452

#4B4645

#3C3837

#2D2A29

#1E1C1B

#0F0E0E

#000000

Tints

Tints of Arctic Shadow are lighter versions created by adding white for a softer effect.

#696260

#7E7877

#948F8D

#A9A5A4

#BFBCBB

#D4D2D2

#EAE9E8

#FFFFFF

#696260

#7E7877

#948F8D

#A9A5A4

#BFBCBB

#D4D2D2

#EAE9E8

#FFFFFF

Tones

Tones of Arctic Shadow are created by adding gray, resulting in softer, less saturated variations.

#696260

#6C6665

#706B69

#736F6E

#767372

#797777

#7D7C7B

#808080

#696260

#6C6665

#706B69

#736F6E

#767372

#797777

#7D7C7B

#808080

Hues

Hues are variations of Arctic Shadow that alter its intensity and temperature for different effects.

#696260

#696960

#636960

#606964

#606769

#606069

#676069

#696065

#696260

#696960

#636960

#606964

#606769

#606069

#676069

#696065

What Interfaces Use Colors Like Arctic Shadow?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox