Web 2.0 Gloss color interpretation

Social

Engagement optimised: thumb-stopping blue and orange

This is one of several color interpretations commonly associated with Web 2.0 Gloss.

Omoro Spectrolab · Color Analysis Sampling Live
PaletteSocial
Batch038-SG
Pigments0 / 5 Sampled
MoodEngagement optimised:
Drawdown Recordtap a pull to copy hex
Omoro Color Laboratory - Drawdown Record038-SG / 5 PULLS

engagement optimised: thumb-stopping blue and orange

Sampled Pigment- - - - - -
Awaiting SampleRGB - · - · -
● SENSOR OKHEX COPIED ✓
Export Tray - Digitized SwatchesEMPTY
SLOT 01
SLOT 02
SLOT 03
SLOT 04
SLOT 05
On a photo
Web 2.0 Gloss plate1 / 7
Hex Reference
#0A1880Deep Brand
#1877F2Platform Blue
#FF6820Notification Orange
#A8CCFFHover Pale
#FFFFFFFeed White
Color Psychology

Deep Brand sets the weight of the palette in trust and stability, and Notification Orange is the swatch that breaks rank: a single orange that stops the set reading as one note. Deep Brand to Feed White spans 73 points of lightness, so the palette can carry its own hierarchy without reaching for a second one. Saturation averages 75 percent with Notification Orange at the top, which is loud enough that the palette will fight anything else on the page.

truststabilitycalmcompetencewarmthcreativity
Deep Brand#0A1880

Deep Brand an electric or cobalt blue: trust with real conviction, confident rather than passive.

Platform Blue#1877F2

Platform Blue an electric or cobalt blue: trust with real conviction, confident rather than passive.

Notification Orange#FF6820

Notification Orange a citrus-bright orange: enthusiasm, playfulness, an unmistakable call to attention.

Hover Pale#A8CCFF

Hover Pale a pale sky blue, calm without weight, open, breathable, unguarded.

Feed White#FFFFFF

Feed White reads as purity and openness, the color of empty space, clarity, and things left deliberately unresolved.

The Aesthetic

Shiny buttons, rounded corners, and gradient-heavy social web aesthetics

Explore the full Web 2.0 Gloss style guideIts decade on the timeline · 2000s
More Web 2.0 Gloss Interpretations
Web 2.0 Gloss
Candy glass - glossy and optimistic
Early Apple
Aqua Safari button and brushed metal: OS X Panther
SaaS Light
Optimistic startup dashboard: every metric is going up
Related Palettes
Skeuomorphism
Glassmorphism
Digital Art
Build a look with Social
Not quite the palette you need? Generate your ownExtract from an image or build from a color wheel. Free
About This Palette
What colors are in the Social color palette?

5 colors, calibrated to work as one system.

The swatches

  1. Deep Brand: #0A1880
  2. Platform Blue: #1877F2
  3. Notification Orange: #FF6820
  4. Hover Pale: #A8CCFF
  5. Feed White: #FFFFFF
What mood does the Social color palette convey?

Engagement optimised: thumb-stopping blue and orange

Is Social related to Web 2.0 Gloss?

Yes. Social is one of several color interpretations commonly associated with the Web 2.0 Gloss aesthetic. Each interpretation captures a distinct emotional register within the same visual world.

What are the hex codes for the Social palette?

Hex codes

  1. #0A1880
  2. #1877F2
  3. #FF6820
  4. #A8CCFF
  5. #FFFFFF

Generate images in the social palette

Omoro reads your visual references and generates in your world. Drop in images with this palette and it extracts the DNA automatically.

Join the waitlist