Psv Eindhoven
19 views
Background
#F9F9F9
Text
#000000
Primary Action
#C8102E
Secondary Action
#FFFFFF
Accent
#FFD700
#F9F9F9
Background
#000000
Text
#C8102E
Primary Action
#FFFFFF
Secondary Action
#FFD700
Accent
About This Color Palette
<PSV Eindhoven>
1. Background -
#F9F9F9
- A light gray that serves as a neutral backdrop for the interface, providing a clean and unobtrusive base.
2. Text -
#000000
- A solid black color for text, ensuring high readability and contrast against the background.
3. Primary Action -
#C8102E
- A vibrant red inspired by PSV Eindhoven's primary color, used for buttons and call-to-action elements to grab attention.
4. Secondary Action -
#FFFFFF
- A crisp white that can be used for secondary buttons or highlights, providing a clean contrast against the primary action color.
5. Accent -
#FFD700
- A bright gold that adds a touch of elegance and can be used for highlights, borders, or notifications to draw attention without overwhelming the user.
This color palette is inspired by PSV Eindhoven’s iconic colors while ensuring a web-friendly and accessible design. The choices maintain compliance with WCAG 2.1 standards, ensuring that text is readable and actions stand out against the background.
Would you like me to suggest specific UI components where you could use this color palette, or do you have any other specific requests?
What would you like to do?
Other Similar Palettes
#F9F9F9
#A4C8E1
#B0B3B8
#D3E6D7
#FF6F61
#F9F9F9
#4CAF50
#333333
#FF9800
#2196F3
#FF5722
#9C27B0
#F9F9F9
#4CAF50
#333333
#FF9800
#2196F3
#FF5722
#9C27B0
#00AEEF
#333333
#F9F9F9
#FF6F00
#A3D8D6
#4A90E2
#5C8A4B
#D1B68C
#333333
#F9F9F9
#FCE4D6
#FF4C4C
#FFB3D1
#F8BBD0
#F9F9F9