UI Shades

Tints & shades of #CCECF6

#ccecf6
Closest named color: Lavender
#ccecf6
oklch(0.923 0.036 218.58)
rgb(204 236 246)
hsl(194.3 70% 88.2%)
Share
#f2fcff
#e6f8fd
#ccecf6
#aeddec
#87becf
#5b95a6
#427c8d
#306776
#1e4a57
#10323c
#051a20

See your palette on a real UI - coming soon

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