Here is a color palette based on your provided colors, which can be effectively used for your website design, including the header, footer, and buttons.

json
{
  "palette_name": "Vibrant Contrast",
  "colors": [
    {
      "name": "Bright Yellow",
      "hex_code": "
          
          #ffd601
       "
    },
    {
      "name": "Crimson Red",
      "hex_code": "
          
          #ec1c25
       "
    },
    {
      "name": "Emerald Green",
      "hex_code": "
          
          #3eb44a
       "
    },
    {
      "name": "Deep Charcoal",
      "hex_code": "
          
          #333333
       "
    },
    {
      "name": "Pure White",
      "hex_code": "
          
          #FFFFFF
       "
    }
  ]
}

Palette Description:

• Bright Yellow ( #ffd601 ): This color can be used for call-to-action buttons or highlights to grab attention.
• Crimson Red ( #ec1c25 ): Ideal for headers or important notifications, adding a dramatic and energetic feel.
• Emerald Green ( #3eb44a ): Great for secondary buttons and icons, providing a refreshing and balanced look.
• Deep Charcoal ( #333333 ): Perfect for footer backgrounds and text, giving a modern and sleek appearance.
• Pure White ( #FFFFFF ): Useful for backgrounds and text contrast to ensure readability and cleanliness.

Would you like to explore additional shades or want specific suggestions for your website layout?