Safflower
#fdae44
Safflower-bright yellow with gentle peach tint
About Safflower
Safflower looks like a clean saffron note on paper, more powder-dry than the sticky candy-amber vibe of Butterscotch. It's lighter and more golden than Salted Caramel Popcorn, with less syrupy depth. Compared to Five Star, it keeps a softer brightness and a friendlier undertone, not that sharper, freshly lit punch.
I use Safflower when the UI needs warmth without turning into orange heat. It's great for product chips, flavor tags, and checkout highlights in food and beverage e-commerce, and it shows up well in onboarding steps where you want momentum but not "alert flame." In packaging mockups, it reads like sunlight on a label, especially next to neutral creams or warm grays.
One quirk: because it's light and fairly saturated, it can feel a little flat on very warm screens. Pair it with charcoal or deeper brown copy so it lands with weight, not haze.
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.
