Precious
#f1dab2
Soft peachy yellow-green for warm UI separation
About Precious
It's the cream you notice on first glance because it feels richer than the usual pale options, but it still stays airy. Precious reads as a light, softly saturated butter-cream with a slightly peach-leaning undertone, not the drier, beige-flat calm of Cereal Flake, and not as golden-peachy-warm as Lion's Roar.
I use it for layouts where you want warmth to show up, yet you don't want the background to compete with type or product photos. Think food and hospitality marketing, e-commerce hero sections, email templates, and light onboarding screens. It also works in dashboards and finance apps when the UI needs a friendlier canvas than true off-white, especially if your accents are deeper green or charcoal. The one I reach for when the design needs "soft focus" warmth without tipping yellow-forward like Pina Colada.
Quirk: place it beside brighter creams and it will look more structured and slightly richer, so keep your palette tight or add a cleaner contrast (charcoal text or deeper greens) to keep everything crisp.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.