UI Shades

A study in neutral

Mint Cream

#F5FFFA

Family
Neutral
L
0.991
C
0.012
H
165°

Notes

Mint Cream is a pale, slightly green-tinted off-white that reads as fresh and clean. The CSS hex sits in the territory of medical, dental, and wellness brand backgrounds. Pair with deep teal for type, or with charcoal for a quieter palette. Against pure white the difference is subtle, so it works as a layered surface or panel rather than a primary page background. The cool tint distinguishes it from warm off-whites like Floral White or Linen, which carry yellow undertones instead. Two Mint Cream surfaces in adjacent layers will produce a near-invisible boundary in dim viewing.

#f5fffa
Mint Cream
Mint Cream
#f5fffa
oklch(0.991 0.012 164.81)
rgb(245 255 250)
hsl(150 100% 98%)
Share
#f5fffa
#e8f9f1
#cfeedf
#b3e0cb
#8dc2aa
#629981
#4a8069
#376a55
#244d3c
#153428
#081c14

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 Mint Cream

Cross-reference
Q&A

Frequently asked questions

What is Mint Cream?

Mint Cream is a pale, slightly green-tinted off-white that reads as fresh and clean. The CSS hex sits in the territory of medical, dental, and wellness brand backgrounds. Its hex code is #F5FFFA.

What are the tints and shades of Mint Cream?

uishades builds an 11-step OKLCH ramp for Mint Cream (#F5FFFA) - 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 Mint Cream?

Its complementary color is #FFF9FE. Triadic partners are #FBFBFF and #FFFAF5; analogous neighbours are #F3FFFF and #F9FEF6.

What are the OKLCH and RGB values of Mint Cream?

Mint Cream is #F5FFFA - OKLCH 0.991 0.012 165°, rgb(245 255 250), in the neutral family.