Golden Poppy

Golden Poppy is a radiant, warm yellow, sitting confidently between true yellow and a soft orange.

It carries distinct orange undertones that give it a sunny, energetic character without being overwhelmingly fiery.

Golden Poppy radiates warmth and positivity, drawing its meaning from the flower it's named after. Psychologically, this vibrant hue channels the cheerfulness of yellow and the creative energy of orange, sparking feelings of joy, optimism, and enthusiasm.

Symbolically, the color is tied to remembrance and peace, much like the California poppy itself. It also carries a sense of prosperity and new beginnings, echoing California's "Golden State" identity and the hopeful spirit of the Gold Rush.

Golden Poppy, with its code #FCC200, is a high-visibility color best used for accents that guide the user’s eye—think call-to-action buttons, notification dots, or key highlights. For a bold look, set it against deep blues or purples to create strong contrast. For a more modern feel, pair it with charcoal grays. This vibrant yellow is a familiar choice for brands like Subway, Memrise, Walmart, Bumble, Betterment, and ClickUp, who use a similar hue to project energy and capture attention.

Put theory into practice with the tools below. You can explore curated palettes, test color contrast for accessibility, and preview Golden Poppy in real UI components from top brands.

To maintain color fidelity in your projects, always use the precise hex code for Golden Poppy: #FCC200. This ensures the color appears identical across different digital platforms and design files, creating a consistent visual identity.

While #FCC200 is the standard for web development, you will need to convert it for other mediums. For instance, RGB values are used for on-screen displays, while CMYK is essential for printed materials. Other models like HSL, LAB, LCH, and XYZ offer different ways to define color, often providing more intuitive controls for saturation and lightness in design software.

We have converted #FCC200 into a range of popular formats for you. Simply find the code you need below and copy it directly into your design tool or stylesheet.