UI Shades

A study in neutral

Alice Blue

#F0F8FF

Family
Neutral
L
0.975
C
0.013
H
244°

Notes

Named after a steamship hue popular in the 1880s, not Lewis Carroll's heroine. Alice Blue is barely a colour. The hex sits one step from pure white with a faint cyan cast - the kind of background a hospital intranet picks when its designers decide #ffffff feels too clinical. Behind charcoal #1f2937 body text it works as a page wash, contrast clearing AAA without visual fatigue. Nest two Alice Blue surfaces side by side and the eye averages them into a single field within seconds. Off-white with a hint of personality, not an accent.

#f0f8ff
Alice Blue
Alice Blue
#f0f8ff
oklch(0.975 0.013 244.25)
rgb(240 248 255)
hsl(208 100% 97.1%)
Share
#f6fbff
#f0f8ff
#d9e7f4
#c2d7e9
#9fb8cd
#768fa4
#5e768a
#4b6174
#344655
#222f3a
#10181f

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.
Plate 02

Palette built around Alice Blue

Cross-reference

Related colors

Q&A

Frequently asked questions

What is Alice Blue?

Named after a steamship hue popular in the 1880s, not Lewis Carroll's heroine. Alice Blue is barely a colour. Its hex code is #F0F8FF.

What are the tints and shades of Alice Blue?

uishades builds an 11-step OKLCH ramp for Alice Blue (#F0F8FF) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Alice Blue?

Its complementary color is #FDF5EE. Triadic partners are #FFF3F6 and #F5F8EF; analogous neighbours are #F4F6FF and #EEF9FC.

What are the OKLCH and RGB values of Alice Blue?

Alice Blue is #F0F8FF - OKLCH 0.975 0.013 244°, rgb(240 248 255), in the neutral family.