โ† All palettes  /  Focus 2030

Mood

๐ŸŽฏ Focus Color Palette 2030

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

2029 2030 2031

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

#7ea4c4

RGB(126, 164, 196)  ยท  hsl(207, 37%, 63%)

A muted blue: light, considered, and steady.

What Burnished Atoll toward Weighing โ†’

#3aa19f

RGB(58, 161, 159)  ยท  hsl(179, 47%, 43%)

A moderate cyan: medium, considered, and steady.

What the Untroubled Atoll through Forming โ†’

#8289c9

RGB(130, 137, 201)  ยท  hsl(234, 40%, 65%)

moderate and light โ€” a blue that reads as open.

What the Atoll amidst Honeyed Remaining โ†’

#60c355

RGB(96, 195, 85)  ยท  hsl(114, 48%, 55%)

moderate and light โ€” a green that reads as open.

The Changeless Border betwixt the Echoing โ†’

#549cc0

RGB(84, 156, 192)  ยท  hsl(200, 46%, 54%)

A moderate blue: medium, considered, and steady.

The Time-honored Bog through Girding โ†’

#549690

RGB(84, 150, 144)  ยท  hsl(174, 28%, 46%)

A muted cyan: medium, considered, and steady.

The Forbearing Alcove in Spinning โ†’

CSS custom properties

:root {  --mood-focus-1: #7ea4c4;  --mood-focus-2: #3aa19f;  --mood-focus-3: #8289c9;  --mood-focus-4: #60c355;  --mood-focus-5: #549cc0;  --mood-focus-6: #549690;}

More palettes