Apricot
#ffb16d
Peachy, lighter apricot for softer amber UI
About Apricot
Apricot sits in that sweet spot where a color stops being a tint and starts being a *flavor*. It's got actual saturation, more punch than Cinnamon Buff's powdered restraint or Baba Ganoush's diluted warmth, but it doesn't push as hard as Baltic Amber's grounded earthiness. There's a brightness here that reads almost fruit-forward, the kind that makes you think of the actual fruit, not just the idea of warmth.
This one lands well in food and beverage apps, recipe platforms, and e-commerce where the color needs to feel inviting without being heavy. Works in wellness dashboards, hospitality interfaces, and onboarding flows where you want something friendlier than the deeper ambers but more present than the paler buffs. It's the version that actually pops against white without needing support from darker anchors.
It's less finicky than Cinnamon Buff on dim screens and doesn't carry Baltic Amber's material weight, it reads as a color first, which is exactly what you want when brightness and approachability matter more than grounded confidence.
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.