โ† All palettes  /  Focus 2028

Mood

๐ŸŽฏ Focus Color Palette 2028

Clean mid-blue, cool white, muted grey-green, and dark navy โ€” colours that clear the visual field and support concentration.

2027 2028 2029

Focus colours work by not competing with thought. The brain processes colour before it processes meaning, and a visually busy or emotionally demanding environment draws cognitive resources away from the task at hand. Focus colours โ€” the particular blue of clear winter sky, the cool white of good paper, the undemanding grey-green of lichen on stone โ€” have low emotional charge. They do not excite or depress; they simply hold the space steady. Libraries, studios, and operating theatres have known this for a long time. The palette you work in is part of how well you work.

The 6 colors

#466f95

RGB(70, 111, 149)  ยท  hsl(209, 36%, 43%)

A medium, muted blue with a quiet presence.

The Staid Brook upon the Remaining โ†’

#6595a4

RGB(101, 149, 164)  ยท  hsl(195, 26%, 52%)

muted and medium โ€” a blue that reads as open.

What Hewn Border over Building โ†’

#8489d7

RGB(132, 137, 215)  ยท  hsl(236, 51%, 68%)

A moderate blue: light, considered, and steady.

The Aura of Lilting beyond Lighting โ†’

#99d171

RGB(153, 209, 113)  ยท  hsl(95, 51%, 63%)

This light green sits at the moderate end of its family.

Intact Bluff in the Grounding โ†’

#567bb3

RGB(86, 123, 179)  ยท  hsl(216, 38%, 52%)

muted and medium โ€” a blue that reads as open.

When Nuanced Bluff underneath Tilling โ†’

#3b7178

RGB(59, 113, 120)  ยท  hsl(187, 34%, 35%)

A muted cyan: dark, considered, and steady.

When the Frugal Border via Tending โ†’

CSS custom properties

:root {  --mood-focus-1: #466f95;  --mood-focus-2: #6595a4;  --mood-focus-3: #8489d7;  --mood-focus-4: #99d171;  --mood-focus-5: #567bb3;  --mood-focus-6: #3b7178;}

More palettes