236 palettes tagged #yellow
Bright, cheerful yellow color palettes full of optimism and energy.
The yellow reference values and ready-to-paste CSS variables. Click any value to copy it.
:root {
--yellow-50: #FFFDE7;
--yellow-200: #FFF176;
--yellow-400: #FBC02D;
--yellow-600: #F9A825;
--yellow-800: #F57F17;
}
Prefer Tailwind? Drop these hex codes into the colors key of your tailwind.config.js, or copy any palette above as a full Tailwind config.
Yellow is the most visible colour and triggers feelings of happiness, warmth and optimism. Used sparingly it grabs attention; in soft tones it feels sunny and friendly.
Yellow palettes often build on shades like #FFFDE7, #FFF176, #FBC02D, #F9A825, #F57F17. Click any palette above to copy its hex codes, CSS, or Tailwind values straight into your project — combine lighter tints for backgrounds with deeper tones for text and accents.