โ† All palettes  /  Focus 2027

Mood

๐ŸŽฏ Focus Color Palette 2027

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

2026 2027 2028

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

#3a5e83

RGB(58, 94, 131)  ยท  hsl(210, 39%, 37%)

This dark blue sits at the muted end of its family.

When Tender Bay round Dwelling โ†’

#75c9cc

RGB(117, 201, 204)  ยท  hsl(182, 46%, 63%)

A light, moderate cyan with a quiet presence.

Full-bodied Border circa Pacing โ†’

#927ed3

RGB(146, 126, 211)  ยท  hsl(254, 49%, 66%)

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

When Translucent Aurora beside Brightening โ†’

#90cc6b

RGB(144, 204, 107)  ยท  hsl(97, 49%, 61%)

A light, moderate green with a quiet presence.

The Honeyed Brook into Changing โ†’

#42659a

RGB(66, 101, 154)  ยท  hsl(216, 40%, 43%)

A medium, moderate blue with a quiet presence.

Woven Bog upon the Ripening โ†’

#43c7be

RGB(67, 199, 190)  ยท  hsl(176, 54%, 52%)

A moderate cyan: medium, considered, and steady.

When Deliberate Brook outside Bridging โ†’

CSS custom properties

:root {  --mood-focus-1: #3a5e83;  --mood-focus-2: #75c9cc;  --mood-focus-3: #927ed3;  --mood-focus-4: #90cc6b;  --mood-focus-5: #42659a;  --mood-focus-6: #43c7be;}

More palettes