โ† All palettes  /  Focus 2024

Mood

๐ŸŽฏ Focus Color Palette 2024

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

2023 2024 2025

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

#99b0c2

RGB(153, 176, 194)  ยท  hsl(206, 25%, 68%)

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

The Aurora upon Frail Glittering โ†’

#8cc3d9

RGB(140, 195, 217)  ยท  hsl(197, 50%, 70%)

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

What the Alabaster among Halcyon Liberating โ†’

#6875c0

RGB(104, 117, 192)  ยท  hsl(231, 41%, 58%)

A light, moderate blue with a quiet presence.

The Salted Basin after Curving โ†’

#7eae7a

RGB(126, 174, 122)  ยท  hsl(115, 24%, 58%)

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

Wild Brook from the Echoing โ†’

#2b4b88

RGB(43, 75, 136)  ยท  hsl(219, 52%, 35%)

moderate and dark โ€” a blue that reads as grounded.

When the Cordial Alcove of Embedding โ†’

#8ebfc2

RGB(142, 191, 194)  ยท  hsl(184, 30%, 66%)

A light, muted cyan with a quiet presence.

The Bloom Inside Sheer Greeting โ†’

CSS custom properties

:root {  --mood-focus-1: #99b0c2;  --mood-focus-2: #8cc3d9;  --mood-focus-3: #6875c0;  --mood-focus-4: #7eae7a;  --mood-focus-5: #2b4b88;  --mood-focus-6: #8ebfc2;}

More palettes